diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000000000000000000000000000000000000..0a5be2b4f6b1e9d0a2d96704d2d8574c68233914
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,3 @@
+node_modules/
+unpackage/
+.hbuilderx
\ No newline at end of file
diff --git a/App.vue b/App.vue
new file mode 100644
index 0000000000000000000000000000000000000000..4c403fe98b8b833ba4d40734bfec57264bfeb506
--- /dev/null
+++ b/App.vue
@@ -0,0 +1,18 @@
+<script>
+	export default {
+		onLaunch: function() {
+			console.log('App Launch')
+		},
+		onShow: function() {
+			console.log('App Show')
+		},
+		onHide: function() {
+			console.log('App Hide')
+		}
+	}
+</script>
+
+<style lang="scss">
+	/*每个页面公共css */
+	@import "styles/demo.scss";
+</style>
diff --git a/ldcake-ui/.hbuilderx/launch.json b/ldcake-ui/.hbuilderx/launch.json
new file mode 100644
index 0000000000000000000000000000000000000000..501e01c82011adf48f71b15a39f056626e5cece5
--- /dev/null
+++ b/ldcake-ui/.hbuilderx/launch.json
@@ -0,0 +1,11 @@
+{ // launch.json 配置了启动调试时相关设置，configurations下节点名称可为 app-plus/h5/mp-weixin/mp-baidu/mp-alipay/mp-qq/mp-toutiao/mp-360/
+  // launchtype项可配置值为local或remote, local代表前端连本地云函数，remote代表前端连云端云函数
+    "version": "0.0",
+    "configurations": [{
+            "type": "uniCloud",
+            "default": {
+                "launchtype": "remote"
+            }
+        }
+    ]
+}
diff --git a/ldcake-ui/README.md b/ldcake-ui/README.md
new file mode 100644
index 0000000000000000000000000000000000000000..d35c7deda8f2db3568187d45e4546ca87caa896d
--- /dev/null
+++ b/ldcake-ui/README.md
@@ -0,0 +1,73 @@
+<h3 align="center" style="margin: 30px 0 30px;font-weight: bold;font-size:40px;">ldcake</h3>
+<h3 align="center">基于UNI-APP快速开发的组件库</h3>
+
+
+## 说明
+
+ldcake-ui，是基于[uni-app](https://uniapp.dcloud.io/)的UI组件库
+
+## 特性
+
+- 众多的常用组件，让您专注逻辑，事半功倍
+- 按需引入，精简打包体积
+
+## 安装
+
+```bash
+# npm方式安装
+npm i ldcake-ui
+```
+
+## 快速上手
+
+1. `main.js`引入ldcake库
+```js
+// main.js
+import ldcake from 'ldcake-ui';
+Vue.use(ldcake);
+```
+
+2. `App.vue`引入基础样式(注意style标签需声明scss属性支持)
+```css
+/* App.vue */
+<style lang="scss">
+@import "ldcake-ui/index.scss";
+</style>
+```
+
+3. `uni.scss`引入全局scss变量文件
+```css
+/* uni.scss */
+@import "ldcake-ui/theme.scss";
+```
+
+4. `pages.json`配置easycom规则(按需引入)
+
+```js
+// pages.json
+{
+	"easycom": {
+		// npm安装的方式不需要前面的"@/"，下载安装的方式需要"@/"
+		// npm安装方式
+		"^ldc-(.*)": "ldcake-ui/components/ldc-$1/ldc-$1.vue"
+		// 下载安装方式
+		// "^ldc-(.*)": "@/ldcake-ui/components/ldc-$1/ldc-$1.vue"
+	},
+	// 此为本身已有的内容
+	"pages": [
+		// ......
+	]
+}
+```
+
+## 使用方法
+配置easycom规则后，自动按需引入，无需`import`组件，直接引用即可。
+
+```html
+<template>
+	<ldc-button>按钮</ldc-button>
+</template>
+```
+
+## 版权信息
+ldcake遵循[MIT](https://en.wikipedia.org/wiki/MIT_License)开源协议，意味着您无需支付任何费用，也无需授权，即可将ldcake应用到您的产品中。
diff --git a/ldcake-ui/components/ldc-date-picker/ldc-date-picker.vue b/ldcake-ui/components/ldc-date-picker/ldc-date-picker.vue
new file mode 100644
index 0000000000000000000000000000000000000000..90b33099534304f5e4de8854b66830ede3933952
--- /dev/null
+++ b/ldcake-ui/components/ldc-date-picker/ldc-date-picker.vue
@@ -0,0 +1,451 @@
+<template>
+	<view class="ldc-datetime-picker">
+		<view :class="{'datetimePickerMask':showPicker}" @click="maskClose" @touchmove.stop.prevent="returnHandle">
+			<view class="ldc-datetime-picker__content" :class="{'datetimePickerShow':showPicker}">
+				<view class="ldc-datetime-picker__header" @touchmove.stop.prevent="returnHandle" @tap.stop="returnHandle">
+					<input type="text" disabled placeholder="开始时间" :value="startDate" 
+						   :style="{color:dateType=='startDate'?(themeColor||defaultColor):'#282828','border-color':dateType=='startDate'?(themeColor||defaultColor):'transparent'}"
+						   @tap="changeDateType('startDate')">
+					<view class="ldc-datetime-picker__header-center">
+						至
+					</view>
+					<input type="text" disabled placeholder="结束时间" 
+						   :style="{color:dateType=='endDate'?(themeColor||defaultColor):'#282828','border-color':dateType=='endDate'?(themeColor||defaultColor):'transparent'}"
+						   :value="endDate" @tap="changeDateType('endDate')">
+				</view>
+				<picker-view indicator-class="ldc-datetime-picker__view-indicator" class="ldc-datetime-picker__view" :value="pickerValue" @change="pickerChangeValue">
+					<template>
+						<picker-view-column>
+							<view class="ldc-datetime-picker__view-item" v-for="(item,index) in yearArr" :key="index">{{item}}</view>
+						</picker-view-column>
+						<picker-view-column v-if="fields!='year'">
+							<view class="ldc-datetime-picker__view-item" v-for="(item,index) in monthArr" :key="index">{{item}}</view>
+						</picker-view-column>
+						<picker-view-column v-if="fields=='day'">
+							<view class="ldc-datetime-picker__view-item" v-for="(item,index) in dayArr" :key="index">{{item}}</view>
+						</picker-view-column>
+					</template>
+				</picker-view>
+				<view class="ldc-datetime-picker__footer" @touchmove.stop.prevent="returnHandle" @tap.stop="returnHandle">
+					<view class="ldc-datetime-picker__footer-cancel" @click="reset">重置</view>
+					<view class="ldc-datetime-picker__footer-confirm" :style="[{backgroundColor: themeColor||defaultColor}]" @click="confirm">确认</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	/**
+	 * @property {String} fields 颗粒度：day、month、year 
+	 * @property {String} start 允许选中的最小值 
+	 * @property {String} end 允许选中的最大值
+	 * @property {Array} value 默认展示的值
+	 * @property {Boolean} isShow 是否显示
+	 * @property {String} themeColor 主题色
+	 * @property {Boolean} isMaskClose 是否允许通过点击遮罩关闭Picker
+	 * @event {Function()} confirm 确认选择
+	 * @example  <ldc-date-picker :is-show="true"></ldc-date-picker>
+	 */
+	export default {
+		name: 'LdcDatePicker',
+		props: {
+			// 颗粒度，可选值：day、month、year 
+			fields: {
+				type: String,
+				default: 'day'
+			},
+			// 允许选中的最小值
+			start: {
+				type: String,
+				default: '1900-01-01'
+			},
+			// 允许选中的最大值
+			end: {
+				type: String,
+				default: '2200-12-01'
+			},
+			// 布尔值变量，用于控制选择器的弹出与收起
+			value: {
+				type: Boolean,
+				default: false
+			},
+			// 是否显示
+			defaultValue: {
+				type: Array,
+				default () {
+					return [0, 0]
+				}
+			},
+			// 主题色
+			themeColor: {
+				type: String,
+				default: ''
+			},
+			// 是否允许通过点击遮罩
+			isMaskClose: {
+				type: Boolean,
+				default: true
+			},
+		},
+		data() {
+			return {
+				defaultColor: '',
+				showPicker: this.value,
+				dayArr: [],
+				pickerValue: this.fields === 'year' ? [0] : this.fields === 'month' ? [0, 0] : [0, 0, 0],
+				dateType: "startDate",
+				startDate: '',
+				endDate: "",
+			};
+		},
+		watch: {
+			defaultValue(value) {
+				this.defaultValue = value;
+				this.init();
+			},
+			value(value) {
+				this.showPicker = value;
+			}
+		},
+		computed: {
+			yearArr() {
+				let arr = [],
+					start = parseInt(this.start.slice(0, 4)),
+					end = parseInt(this.end.slice(0, 4));
+				for (let i = 0; i <= end - start; i++) {
+					arr.push(start + i)
+				}
+				return arr;
+			},
+			monthArr() {
+				let arr = [];
+				for (let i = 1; i <= 12; i++) {
+					let v = i;
+					if (v < 10) v = "0" + v;
+					if (this.start.length > 4 && this.end.length > 4 && (this.start.slice(0, 4) == this.end.slice(0, 4))) {
+						if (parseInt(v) >= this.start.slice(5, 7) && parseInt(v) <= this.end.slice(5, 7)) {
+							arr.push(v.toString())
+						}
+					} else {
+						arr.push(v.toString())
+					}
+				}
+				return arr;
+			}
+		},
+		created() {
+			this.defaultColor = this.$ldc.color.primary;
+			this.init();
+		},
+		methods: {
+			returnHandle() {},
+			init() {
+				let pickerValue = "";
+				if ((this.fields == 'year' && this.start.length != 4) || (this.fields == 'month' && this.start.length != 7) || (
+						this.fields == 'day' && this.start.length != 10)) {
+					console.error("最小值格式与粒度格式不符");
+					return;
+				} else if ((this.fields == 'year' && this.end.length != 4) || (this.fields == 'month' && this.end.length != 7) || (
+						this.fields == 'day' && this.end.length != 10)) {
+					console.error("最大值格式与粒度格式不符");
+					return;
+				}
+				let start = this.fields == 'year' ? this.start.slice(0, 4) : this.fields == 'month' ? this.start.slice(0, 7) : this
+					.start,
+					end = this.fields == 'year' ? this.end.slice(0, 4) : this.fields == 'month' ? this.end.slice(0, 7) : this.end;
+				if (!start || !end) {
+					console.error("时间不能为空");
+					return;
+				} else if (start > end) {
+					console.error("结束时间必须大等于开始时间");
+					return;
+				}
+				if (this.defaultValue[0]) {
+					if ((this.fields == 'year' && this.defaultValue[0].length != 4) || (this.fields == 'month' && this.defaultValue[0].length != 7) ||
+						(this.fields == 'day' && this.defaultValue[0].length != 10)) {
+						console.error("默认值格式与粒度格式不符");
+						return;
+					}
+					this.startDate = this.defaultValue[0];
+					if (this.defaultValue[1]) {
+						if ((this.fields == 'year' && this.defaultValue[1].length != 4) || (this.fields == 'month' && this.defaultValue[1].length != 7) ||
+							(this.fields == 'day' && this.defaultValue[1].length != 10)) {
+							console.error("默认值格式与粒度格式不符");
+							return;
+						}
+						this.endDate = this.defaultValue[1];
+						this.dateType = "endDate";
+						if (this.fields == 'day') this.dayArr = this.getMonthDay(this.defaultValue[1].slice(0, 4), this.defaultValue[1].slice(5, 7));
+						pickerValue = this.getIndex(this.defaultValue[1]);
+					} else {
+						this.dateType = "startDate";
+						if (this.fields == 'day') this.dayArr = this.getMonthDay(this.defaultValue[0].slice(0, 4), this.defaultValue[0].slice(5, 7));
+						pickerValue = this.getIndex(this.defaultValue[0]);
+					}
+				} else {
+					this.startDate = start;
+					pickerValue = this.getIndex(start);
+					if (this.fields == 'day') this.dayArr = this.getMonthDay(start.slice(0, 4), start.slice(5, 7));
+				}
+				if (pickerValue) setTimeout(() => {
+					this.pickerValue = pickerValue
+				}, 20)
+			},
+			maskClose(){
+				if(this.isMaskClose){
+					this.$emit('input', false);
+				}
+			},
+			confirm() {
+				if (this.endDate < this.startDate) {
+					uni.showToast({
+						title: "开始时间不能大于结束时间",
+						icon: "none",
+						mask: true
+					})
+					return;
+				}
+				if (this.endDate == '' || this.startDate == '') {
+					uni.showToast({
+						title: "开始结束时间区间不能为空",
+						icon: "none",
+						mask: true
+					})
+					return;
+				}
+				this.$emit("confirm", [this.startDate, this.endDate]);
+			},
+			reset() {
+				this.init();
+			},
+			changeDateType(dateType) {
+				this.dateType = dateType;
+				if (this[dateType]) {
+					this.pickerValue = this.getIndex(this[dateType])
+				} else {
+					let dateTxt = this.fields == 'year' ? this.yearArr[this.pickerValue[0]] : this.fields == 'month' ? this.yearArr[
+							this.pickerValue[0]] + '-' + this.monthArr[this.pickerValue[1]] : this.yearArr[this.pickerValue[0]] + '-' + this
+						.monthArr[this.pickerValue[1]] + '-' + this.dayArr[this.pickerValue[2]];
+					this[dateType] = dateTxt;
+					this.pickerValue = this.fields == 'year' ? [this.pickerValue[0]] : this.fields == 'month' ? [this.pickerValue[0],
+						this.pickerValue[1]] : [this.pickerValue[0], this.pickerValue[1], this.pickerValue[2]];
+				}
+			},
+			pickerChangeValue(e) {
+				let val = e.detail.value,
+					dateTxt = "";
+				if (this.fields == 'day' && (val[0] != this.pickerValue[0] || val[1] != this.pickerValue[1])) {
+					this.dayArr = this.getMonthDay(this.yearArr[val[0]], this.monthArr[val[1]]);
+
+					const returnMax = () => {
+						if (!this.dayArr[val[2]]) {
+							val[2] = (val[2] - 1);
+							returnMax();
+						}
+					}
+					returnMax();
+				}
+				dateTxt = this.yearArr[val[0]] + '-' + this.monthArr[val[1]] + '-' + this.dayArr[val[2]];
+				this[this.dateType] = this.fields == 'year' ? dateTxt.slice(0, 4) : this.fields == 'month' ? dateTxt.slice(0, 7) :
+					dateTxt;
+				this.pickerValue = this.getIndex(this[this.dateType]);
+			},
+			getIndex(value) {
+				let year = value.slice(0, 4),
+					month = value.slice(5, 7),
+					day = value.slice(8, 10),
+					y = 0,
+					m = 0,
+					d = 0;
+				for (let i in this.yearArr) {
+					if (year == this.yearArr[i]) {
+						y = i;
+						break;
+					}
+				}
+				for (let i in this.monthArr) {
+					if (month == this.monthArr[i]) {
+						m = i;
+						break;
+					}
+				}
+				for (let i in this.dayArr) {
+					if (day == this.dayArr[i]) {
+						d = i;
+						break;
+					}
+				}
+				let valueArray = [];
+				switch (this.fields) {
+					case 'year':
+						valueArray = [Number(y)]
+						break;
+					case 'month':
+						valueArray = [Number(y), Number(m)]
+						break;
+					default:
+						valueArray = [Number(y), Number(m), Number(d)]
+						break;
+				}
+				return valueArray;
+			},
+			withData: (num) => {
+				let param = parseInt(num);
+				return param < 10 ? '0' + param : '' + param;
+			},
+			getLoopArray(startVal, endVal, specialDay) {
+				let start = startVal || 0;
+				let end = endVal || 1;
+				let array = [];
+				if (specialDay) {
+					array = specialDay;
+					return array;
+				}
+				for (let i = start; i <= end; i++) {
+					array.push(this.withData(i));
+				}
+				return array;
+			},
+			getMonthDay(year, month, specialDay) {
+				let flag = year % 400 == 0 || (year % 4 == 0 && year % 100 != 0),
+					array = null;
+
+				switch (month) {
+					case '01':
+					case '03':
+					case '05':
+					case '07':
+					case '08':
+					case '10':
+					case '12':
+						array = this.getLoopArray(1, 31, specialDay)
+						break;
+					case '04':
+					case '06':
+					case '09':
+					case '11':
+						array = this.getLoopArray(1, 30, specialDay)
+						break;
+					case '02':
+						array = flag ? this.getLoopArray(1, 29, specialDay) : this.getLoopArray(1, 28, specialDay)
+						break;
+					default:
+						array = '月份格式不正确，请重新输入！'
+				}
+				return array;
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	.ldc-datetime-picker {
+		&__content{
+			position: fixed;
+			bottom: 0;
+			left: 0;
+			width: 100%;
+			transition: all 0.3s ease;
+			transform: translateY(100%);
+			z-index: 998;
+			padding-bottom: constant(safe-area-inset-bottom);///兼容 IOS<11.2/
+			padding-bottom: env(safe-area-inset-bottom);///兼容 IOS>11.2/
+		}
+		
+		&__header{
+			background: #fff;
+			display: flex;
+			justify-content: center;
+			height: 90rpx;
+			font-size: 32rpx;
+			align-items: center;
+			color: #282828;
+			border-bottom: 1rpx solid $ldc-border-color;
+			
+			&-center {
+				display: flex;
+				width: 72rpx;
+				height: 90rpx;
+				text-align: center;
+				align-items: center;
+				justify-content: center;
+				border-bottom: 4rpx solid transparent;
+			}
+			
+			input{
+				width: 250rpx;
+				height: 90rpx;
+				margin: 0 46rpx;
+				margin-top: 4rpx;
+				font-size: 32rpx;
+				text-align: center;
+				align-items: center;
+				display: flex;
+				min-height: auto;
+				border-bottom: 4rpx solid transparent;
+				box-sizing: border-box;
+			}
+		}
+	
+		&__view{
+			position: relative;
+			bottom: 0;
+			left: 0;
+			width: 100%;
+			height: 280rpx;
+			background-color: #F2F2F2;
+			
+			&-indicator{
+				height: 80rpx;
+				z-index: 1;
+				border-radius: 10rpx;
+				color: #282828;
+			}
+			
+			&-item{
+				text-align: center;
+				line-height: 80rpx;
+				font-size: 32rpx;
+				color: #282828;
+				z-index: 10;
+			}
+		}
+		
+		&__footer {
+			display: flex;
+			height: 90rpx;
+			font-size: 36rpx;
+			line-height: 90rpx;
+			
+			view {
+				display: block;
+				flex: 1;
+				text-align: center;
+			}
+			
+			&-cancel {
+				color: #282828;
+				background: #EDEDED;
+			}
+			
+			&-confirm {
+				color: #fff;
+			}
+		}
+	}
+	
+	.datetimePickerMask {
+		position: fixed;
+		z-index: 998;
+		top: 0;
+		right: 0;
+		left: 0;
+		bottom: 0;
+		background: rgba(0, 0, 0, 0.6);
+	}
+	
+	.datetimePickerShow {
+		transform: translateY(0);
+	}
+</style>
diff --git a/ldcake-ui/index.js b/ldcake-ui/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..8878385a48f5fc265f3e04894f41b40f7a3ca92d
--- /dev/null
+++ b/ldcake-ui/index.js
@@ -0,0 +1,16 @@
+// 主题相关颜色,info|success|warning|primary|default|error,此颜色已在uview.scss中定义,但是为js中也能使用,故也定义一份
+import isEmpty from './libs/utils/isEmpty.js'
+import color from './libs/config/color.js'
+
+const $ldc = {
+	isEmpty,
+	color,
+}
+
+const install = Vue => {
+	Vue.prototype.$ldc = $ldc
+}
+
+export default {
+	install
+}
\ No newline at end of file
diff --git a/ldcake-ui/libs/config/color.js b/ldcake-ui/libs/config/color.js
new file mode 100644
index 0000000000000000000000000000000000000000..dafb8c1c756395e6e71fa3d5cf9cbe1983778263
--- /dev/null
+++ b/ldcake-ui/libs/config/color.js
@@ -0,0 +1,37 @@
+// 为了让用户能够自定义主题，会逐步弃用此文件，各颜色通过css提供
+// 为了给某些特殊场景使用和向后兼容，无需删除此文件(2020-06-20)
+let color = {
+	primary: "#2979ff",
+	primaryDark: "#2b85e4",
+	primaryDisabled: "#a0cfff",
+	primaryLight: "#ecf5ff",
+	bgColor: "#f3f4f6",
+	
+	info: "#909399",
+	infoDark: "#82848a",
+	infoDisabled: "#c8c9cc",
+	infoLight: "#f4f4f5",
+	
+	warning: "#ff9900",
+	warningDark: "#f29100",
+	warningDisabled: "#fcbd71",
+	warningLight: "#fdf6ec",
+	
+	error: "#fa3534",
+	errorDark: "#dd6161",
+	errorDisabled: "#fab6b6",
+	errorLight: "#fef0f0",
+	
+	success: "#19be6b",
+	successDark: "#18b566",
+	successDisabled: "#71d5a1",
+	successLight: "#dbf1e1",
+	
+	mainColor: "#303133",
+	contentColor: "#606266",
+	tipsColor: "#909399",
+	lightColor: "#c0c4cc",
+	borderColor: "#e4e7ed"
+}
+
+export default color;
\ No newline at end of file
diff --git a/ldcake-ui/libs/utils/isEmpty.js b/ldcake-ui/libs/utils/isEmpty.js
new file mode 100644
index 0000000000000000000000000000000000000000..439496b998283eb0e020d78cfc078e1f3fd0574e
--- /dev/null
+++ b/ldcake-ui/libs/utils/isEmpty.js
@@ -0,0 +1,5 @@
+function isEmpty(val) {
+    return !(!!val ? typeof val === 'object' ? Array.isArray(val) ? !!val.length : !!Object.keys(val).length : true : false);
+}
+
+export default isEmpty;
\ No newline at end of file
diff --git a/ldcake-ui/package.json b/ldcake-ui/package.json
new file mode 100644
index 0000000000000000000000000000000000000000..da7c5bed5ee33ef723a1463c1af75ea2934d919f
--- /dev/null
+++ b/ldcake-ui/package.json
@@ -0,0 +1,31 @@
+{
+		"name": "ldcake-ui",
+		"version": "1.0.4",
+		"description": "基于uni-app的UI组件库",
+		"main": "index.js",
+		"scripts": {
+				"test": "echo \"Error: no test specified\" && exit 1"
+		},
+		"keywords": [
+				"ldcake",
+				"ldCake",
+				"uni-app",
+				"uni-app ui",
+				"uniapp",
+				"ldcakeui",
+				"ldcake ui",
+				"ldcakeUI",
+				"ldCakeui",
+				"ldCakeUI",
+				"ldCake UI",
+				"uni ui",
+				"uni UI",
+				"uniapp ui",
+				"ui",
+				"UI框架",
+				"uniapp ui框架",
+				"uniapp UI"
+		],
+		"author": "icjs",
+		"license": "MIT"
+}
diff --git a/ldcake-ui/theme.scss b/ldcake-ui/theme.scss
new file mode 100644
index 0000000000000000000000000000000000000000..b7ce9d99a51f0171aa13eddc686819da371ff120
--- /dev/null
+++ b/ldcake-ui/theme.scss
@@ -0,0 +1,38 @@
+// 此文件为ldcake的主题变量，这些变量目前只能通过uni.scss引入才有效，另外由于
+// uni.scss中引入的样式会同时混入到全局样式文件和单独每一个页面的样式中，造成微信程序包太大，
+// 故uni.scss只建议放scss变量名相关样式，其他的样式可以通过main.js或者App.vue引入
+
+$ldc-main-color: #303133;
+$ldc-content-color: #606266;
+$ldc-tips-color: #909399;
+$ldc-light-color: #c0c4cc;
+$ldc-border-color: #F2F2F2;
+$ldc-bg-color: #f3f4f6;
+
+$ldc-type-primary: #2979ff;
+$ldc-type-primary-light: #ecf5ff;
+$ldc-type-primary-dark: #2b85e4;
+$ldc-type-primary-disabled: #a0cfff;
+
+$ldc-type-warning: #ff9900;
+$ldc-type-warning-light: #fdf6ec;
+$ldc-type-warning-dark: #fcbd71;
+$ldc-type-warning-disabled: #ffd283;
+
+$ldc-type-success: #19be6b;
+$ldc-type-success-disabled: #71d5a1;
+$ldc-type-success-dark: #18b566;
+$ldc-type-success-light: #dbf1e1;
+
+$ldc-type-error: #fa3534;
+$ldc-type-error-disabled: #fab6b6;
+$ldc-type-error-dark: #dd6161;
+$ldc-type-error-light: #fef0f0;
+
+$ldc-type-info: #909399;
+$ldc-type-info-disabled: #c8c9cc;
+$ldc-type-info-dark: #82848a;
+$ldc-type-info-light: #f4f4f5;
+
+$ldc-form-item-height: 70rpx;
+$ldc-form-item-border-color: #dcdfe6;
diff --git a/main.js b/main.js
new file mode 100644
index 0000000000000000000000000000000000000000..bd6d900956c2a9730fc690d552a0386427c32b73
--- /dev/null
+++ b/main.js
@@ -0,0 +1,13 @@
+import Vue from 'vue'
+import App from './App'
+import ldcake from "ldcake-ui"
+
+Vue.config.productionTip = false
+Vue.use(ldcake)
+
+App.mpType = 'app'
+
+const app = new Vue({
+    ...App
+})
+app.$mount()
diff --git a/manifest.json b/manifest.json
new file mode 100644
index 0000000000000000000000000000000000000000..268e72bebb888cb560e178142615bf7bbd51161d
--- /dev/null
+++ b/manifest.json
@@ -0,0 +1,75 @@
+{
+    "name" : "ldcake-uniapp",
+    "appid" : "__UNI__9437254",
+    "description" : "",
+    "versionName" : "1.0.0",
+    "versionCode" : "100",
+    "transformPx" : false,
+    /* 5+App特有相关 */
+    "app-plus" : {
+        "usingComponents" : true,
+        "nvueStyleCompiler" : "uni-app",
+        "compilerVersion" : 3,
+        "splashscreen" : {
+            "alwaysShowBeforeRender" : true,
+            "waiting" : true,
+            "autoclose" : true,
+            "delay" : 0
+        },
+        /* 模块配置 */
+        "modules" : {},
+        /* 应用发布信息 */
+        "distribute" : {
+            /* android打包配置 */
+            "android" : {
+                "permissions" : [
+                    "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
+                    "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
+                    "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
+                    "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.CAMERA\"/>",
+                    "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
+                    "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
+                    "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
+                    "<uses-feature android:name=\"android.hardware.camera\"/>",
+                    "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
+                ]
+            },
+            /* ios打包配置 */
+            "ios" : {},
+            /* SDK配置 */
+            "sdkConfigs" : {}
+        }
+    },
+    /* 快应用特有相关 */
+    "quickapp" : {},
+    /* 小程序特有相关 */
+    "mp-weixin" : {
+        "appid" : "",
+        "setting" : {
+            "urlCheck" : false
+        },
+        "usingComponents" : true
+    },
+    "mp-alipay" : {
+        "usingComponents" : true
+    },
+    "mp-baidu" : {
+        "usingComponents" : true
+    },
+    "mp-toutiao" : {
+        "usingComponents" : true
+    },
+    "uniStatistics" : {
+        "enable" : false
+    },
+    "h5" : {
+        "title" : "绿豆糕组件库",
+        "domain" : ""
+    }
+}
diff --git a/pages.json b/pages.json
new file mode 100644
index 0000000000000000000000000000000000000000..19701b135e7115050a8cb411a6249a9910e1d6e1
--- /dev/null
+++ b/pages.json
@@ -0,0 +1,28 @@
+{
+	"easycom": {
+		"^ldc-(.*)": "@/ldcake-ui/components/ldc-$1/ldc-$1.vue"
+	},
+	"pages": [
+		{
+			"path": "pages/index/index",
+			"style": {
+				"navigationBarTitleText": "ldcake-uniapp"
+			}
+		}
+	    ,{
+            "path" : "pages/components/date-picker/date-picker",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+    ],
+	"globalStyle": {
+		"navigationBarTextStyle": "black",
+		"navigationBarTitleText": "uni-app",
+		"navigationBarBackgroundColor": "#F8F8F8",
+		"backgroundColor": "#F8F8F8"
+	}
+}
diff --git a/pages/components/date-picker/date-picker.vue b/pages/components/date-picker/date-picker.vue
new file mode 100644
index 0000000000000000000000000000000000000000..f9b7265d16d4de3fb84fa575ce49f226b7b38715
--- /dev/null
+++ b/pages/components/date-picker/date-picker.vue
@@ -0,0 +1,32 @@
+<template>
+	<view class="ldc-demo">
+		<view class="ldc-demo-wrap">
+			<view class="ldc-demo-title">演示效果</view>
+			<view class="ldc-demo-area">
+				<view class="ldc-demo-result-line" @click="isShow=true">date-picker值：{{ result }}</view>
+			</view>
+		</view>
+		<ldc-date-picker :default-value="result" v-model="isShow" :is-mask-close="false" @confirm="confirm"></ldc-date-picker>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				result: [],
+				isShow: false,
+			}
+		},
+		methods: {
+			confirm(e){
+				this.result = e;
+				this.isShow = false;
+			}
+		}
+	}
+</script>
+
+<style>
+
+</style>
diff --git a/pages/index/index.vue b/pages/index/index.vue
new file mode 100644
index 0000000000000000000000000000000000000000..a2c22dd9b878c877dba918ae612df0e80b09b495
--- /dev/null
+++ b/pages/index/index.vue
@@ -0,0 +1,18 @@
+<template>
+	<view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		}
+	}
+</script>
+
+<style>
+	
+</style>
diff --git a/static/logo.png b/static/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..b5771e209bb677e2ebd5ff766ad5ee11790f305a
Binary files /dev/null and b/static/logo.png differ
diff --git a/styles/demo.scss b/styles/demo.scss
new file mode 100644
index 0000000000000000000000000000000000000000..ac3520f9b70d7c964ad5243213641e48d61373a8
--- /dev/null
+++ b/styles/demo.scss
@@ -0,0 +1,86 @@
+/* #ifndef APP-NVUE */
+view,
+text {
+	box-sizing: border-box;
+}
+/* #endif */
+
+/* start--演示页面使用的统一样式--start */
+.ldc-demo {
+	padding: 25px 20px;
+}
+
+.ldc-demo-wrap {
+	border-width: 1px;
+	border-color: #ddd;
+	border-style: dashed;
+	background-color: rgb(250, 250, 250);
+	padding: 20px 10px;
+	border-radius: 3px;
+}
+
+.ldc-demo-area {
+	text-align: center;
+}
+
+.ldc-no-demo-here {
+	color: $ldc-tips-color;
+	font-size: 13px;
+}
+
+.ldc-demo-result-line {
+	border-width: 1px;
+	border-color: #ddd;
+	border-style: dashed;
+	padding: 5px 20px;
+	margin-top: 30px;
+	border-radius: 5px;
+	background-color: rgb(240, 240, 240);
+	color: $ldc-content-color;
+	font-size: 16px;
+	/* #ifndef APP-NVUE */
+	word-break: break-word;
+	display: inline-block;
+	/* #endif */
+	text-align: left;
+	
+}
+
+.ldc-demo-title,
+.ldc-config-title {
+	text-align: center;
+	font-size: 16px;
+	font-weight: bold;
+	margin-bottom: 20px;
+}
+
+.ldc-config-item {
+	margin-top: 25px;
+}
+
+.ldc-config-title {
+	margin-top: 20px;
+	padding-bottom: 5px;
+}
+
+.ldc-item-title {
+	position: relative;
+	font-size: 15px;
+	padding-left: 8px;
+	line-height: 1;
+	margin-bottom: 11px;
+}
+
+.ldc-item-title:after {
+	position: absolute;
+	width: 4px;
+	top: -1px;
+	height: 16px;
+	/* #ifndef APP-NVUE */
+	content: '';
+	/* #endif */
+	left: 0;
+	border-radius: 10px;
+	background-color: $ldc-content-color;
+}
+/* end--演示页面使用的统一样式--end */
\ No newline at end of file
diff --git a/uni.scss b/uni.scss
new file mode 100644
index 0000000000000000000000000000000000000000..85e02c4a2c59d14c93adce14454ec1c4efaee54e
--- /dev/null
+++ b/uni.scss
@@ -0,0 +1,79 @@
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+
+/* 颜色变量 */
+
+/* 行为相关颜色 */
+$uni-color-primary: #007aff;
+$uni-color-success: #4cd964;
+$uni-color-warning: #f0ad4e;
+$uni-color-error: #dd524d;
+
+/* 文字基本颜色 */
+$uni-text-color:#333;//基本色
+$uni-text-color-inverse:#fff;//反色
+$uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息
+$uni-text-color-placeholder: #808080;
+$uni-text-color-disable:#c0c0c0;
+
+/* 背景颜色 */
+$uni-bg-color:#ffffff;
+$uni-bg-color-grey:#f8f8f8;
+$uni-bg-color-hover:#f1f1f1;//点击状态颜色
+$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色
+
+/* 边框颜色 */
+$uni-border-color:#c8c7cc;
+
+/* 尺寸变量 */
+
+/* 文字尺寸 */
+$uni-font-size-sm:24rpx;
+$uni-font-size-base:28rpx;
+$uni-font-size-lg:32rpx;
+
+/* 图片尺寸 */
+$uni-img-size-sm:40rpx;
+$uni-img-size-base:52rpx;
+$uni-img-size-lg:80rpx;
+
+/* Border Radius */
+$uni-border-radius-sm: 4rpx;
+$uni-border-radius-base: 6rpx;
+$uni-border-radius-lg: 12rpx;
+$uni-border-radius-circle: 50%;
+
+/* 水平间距 */
+$uni-spacing-row-sm: 10px;
+$uni-spacing-row-base: 20rpx;
+$uni-spacing-row-lg: 30rpx;
+
+/* 垂直间距 */
+$uni-spacing-col-sm: 8rpx;
+$uni-spacing-col-base: 16rpx;
+$uni-spacing-col-lg: 24rpx;
+
+/* 透明度 */
+$uni-opacity-disabled: 0.3; // 组件禁用态的透明度
+
+/* 文章场景相关 */
+$uni-color-title: #2C405A; // 文章标题颜色
+$uni-font-size-title:40rpx;
+$uni-color-subtitle: #555555; // 二级标题颜色
+$uni-font-size-subtitle:36rpx;
+$uni-color-paragraph: #3F536E; // 文章段落颜色
+$uni-font-size-paragraph:30rpx;
+
+// uView 样式应用
+@import 'ldcake-ui/theme.scss';
\ No newline at end of file