diff --git a/App.vue b/App.vue
index 92f22dd56937ce5f0304d78aa2a96ef6504ad0b6..28684757af16fb540f9ce89e2f4afbda59c79b8c 100644
--- a/App.vue
+++ b/App.vue
@@ -1,15 +1,5 @@
 <script>
-	export default {
-		onLaunch: function() {
-			console.log('App Launch')
-		},
-		onShow: function() {
-			console.log('App Show')
-		},
-		onHide: function() {
-			console.log('App Hide')
-		}
-	}
+	export default {}
 </script>
 
 <style lang="scss">
diff --git a/ldcake-ui/libs/utils/cache.js b/ldcake-ui/libs/utils/cache.js
index 17b10f8a2c92504a6720ebde86e4818e907a01c2..034b960ef80ec5ff993ab1ff38fe8cd7576a8825 100644
--- a/ldcake-ui/libs/utils/cache.js
+++ b/ldcake-ui/libs/utils/cache.js
@@ -59,7 +59,9 @@ export const removeCache = (k) => {
 	removeStorage(`${key}${dtime}`.toUpperCase())
 }
 
-// 清除cache
+/**
+ * 清除cache
+ */
 export const clearCache = () => {
 	clearStorage()
 }
diff --git a/main.js b/main.js
index bd6d900956c2a9730fc690d552a0386427c32b73..81240a106b5a76196344ab1a4e8f93fd914f7ebb 100644
--- a/main.js
+++ b/main.js
@@ -1,9 +1,11 @@
 import Vue from 'vue'
 import App from './App'
 import ldcake from "ldcake-ui"
+import mixinIndex from '@/mixins/index.js'
 
 Vue.config.productionTip = false
 Vue.use(ldcake)
+Vue.mixin(mixinIndex)
 
 App.mpType = 'app'
 
diff --git a/mixins/index.js b/mixins/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..0d204e79e012f593a7bc3298065c568a4cd10ea3
--- /dev/null
+++ b/mixins/index.js
@@ -0,0 +1,13 @@
+import * as config from '../utils/config.js'
+import * as common from '../utils/common.js'
+
+export default {
+	data() {
+		return {
+			...config
+		}
+	},
+	methods: {
+		...common,
+	}
+}
diff --git a/pages.json b/pages.json
index e36e6de36b906d97ede5ba965ed843d42334e6dc..70675e7f187045112e14b5a603faab56389c4f82 100644
--- a/pages.json
+++ b/pages.json
@@ -42,6 +42,27 @@
 			"enablePullDownRefresh": false
 		}
 
+	}, {
+		"path": "pages/tools/storage/storage",
+		"style": {
+			"navigationBarTitleText": "数据缓存（storage）",
+			"enablePullDownRefresh": false
+		}
+
+	}, {
+		"path": "pages/tools/cache/cache",
+		"style": {
+			"navigationBarTitleText": "定时缓存（cache）",
+			"enablePullDownRefresh": false
+		}
+
+	}, {
+		"path": "pages/tools/copy/copy",
+		"style": {
+			"navigationBarTitleText": "复制（setClipboardData）",
+			"enablePullDownRefresh": false
+		}
+
 	}],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
diff --git a/pages/index/index.vue b/pages/index/index.vue
index d9ac6bbf4ad68de080e72e1e742397b66882ef4f..d91780143a0de2aa35131470f07ad719c8cbeb9e 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -16,6 +16,12 @@
 				<text>{{item.name}}</text>
 				<text class="index__content-arrow"></text>
 			</navigator>
+			<view class="text-gray text-df mb-20">工具库</view>
+			<navigator class="index__content-cell" :url="item.url"
+					v-for="(item,index) in toolList" :key="`tool_${index}`">
+				<text>{{item.name}}</text>
+				<text class="index__content-arrow"></text>
+			</navigator>
 		</view>
 	</view>
 </template>
@@ -46,6 +52,20 @@
 						url: '/pages/components/captcha/captcha'
 					},
 				],
+				toolList: [
+					{
+						name: '数据缓存（storage）',
+						url: '/pages/tools/storage/storage'
+					},
+					{
+						name: '定时缓存（cache）',
+						url: '/pages/tools/cache/cache'
+					},
+					{
+						name: '复制（setClipboardData）',
+						url: '/pages/tools/copy/copy'
+					},
+				]
 			}
 		}
 	}
diff --git a/pages/tools/cache/cache.vue b/pages/tools/cache/cache.vue
new file mode 100644
index 0000000000000000000000000000000000000000..dcfde4be937c62d805bba76076bc4b153cec259b
--- /dev/null
+++ b/pages/tools/cache/cache.vue
@@ -0,0 +1,51 @@
+<template>
+	<view class="c-demo">
+		<view class="c-demo-wrap mt-20">
+			<view class="c-demo-title">演示定时缓存</view>
+			<view class="c-demo-area">
+				<view class="c-demo-result-line mt-0" @click="setCache()">
+					设置定时缓存（this.$c.setCache）
+				</view>
+				<view class="c-demo-result-line" @click="getCache()">
+					获取定时缓存（this.$c.getCache）
+				</view>
+				<view class="c-demo-result-line" @click="removeCache()">
+					移除定时缓存（this.$c.removeCache）
+				</view>
+				<view class="c-demo-result-line" @click="clearCache()">
+					清除定时缓存（this.$c.clearCache）
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {}
+		},
+		methods: {
+			setCache(){
+				this.$c.setCache("cache", "定时缓存10秒", 10)
+				this.$showToast("设置定时缓存成功")
+			},
+			getCache(){
+				const cache = this.$c.getCache("cache")
+				this.$showToast(`定时缓存：${cache}`)
+			},
+			removeCache(){
+				this.$c.removeCache("cache")
+				this.$showToast(`移除定时缓存成功`)
+			},
+			clearCache(){
+				this.$c.clearCache()
+				this.$showToast(`清除所有定时缓存成功`)
+			}
+		}
+	}
+</script>
+
+<style>
+
+</style>
diff --git a/pages/tools/copy/copy.vue b/pages/tools/copy/copy.vue
new file mode 100644
index 0000000000000000000000000000000000000000..8fd6e3a1cf91d5e93178da86a24ef90632b7de83
--- /dev/null
+++ b/pages/tools/copy/copy.vue
@@ -0,0 +1,27 @@
+<template>
+	<view class="c-demo">
+		<view class="c-demo-wrap">
+			<view class="c-demo-title">演示效果</view>
+			<view class="c-demo-area">
+				<view class="c-demo-result-line">
+					<view @click="copy">复制内容（this.$c.setClipboardData）</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		methods:{
+			copy(){
+				this.$c.setClipboardData("复制内容")
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	
+</style>
+
diff --git a/pages/tools/storage/storage.vue b/pages/tools/storage/storage.vue
new file mode 100644
index 0000000000000000000000000000000000000000..676c51c8c1fa1d7483acbadb1649579456a6eb0f
--- /dev/null
+++ b/pages/tools/storage/storage.vue
@@ -0,0 +1,51 @@
+<template>
+	<view class="c-demo">
+		<view class="c-demo-wrap">
+			<view class="c-demo-title">演示缓存</view>
+			<view class="c-demo-area">
+				<view class="c-demo-result-line mt-0" @click="setStorage()">
+					设置缓存（this.$c.setStorage）
+				</view>
+				<view class="c-demo-result-line" @click="getStorage()">
+					获取缓存（this.$c.getStorage）
+				</view>
+				<view class="c-demo-result-line" @click="removeStorage()">
+					移除缓存（this.$c.removeStorage）
+				</view>
+				<view class="c-demo-result-line" @click="clearStorage()">
+					清除缓存（this.$c.clearStorage）
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {}
+		},
+		methods: {
+			setStorage(){
+				this.$c.setStorage("storage", "缓存")
+				this.$showToast("设置缓存成功")
+			},
+			getStorage(){
+				const storage = this.$c.getStorage("storage")
+				this.$showToast(`缓存数据：${storage}`)
+			},
+			removeStorage(){
+				this.$c.removeStorage("storage")
+				this.$showToast(`移除缓存成功`)
+			},
+			clearStorage(){
+				this.$c.clearStorage()
+				this.$showToast(`清除所有缓存成功`)
+			}
+		}
+	}
+</script>
+
+<style>
+
+</style>
diff --git a/styles/demo.scss b/styles/demo.scss
index 3000d517cdde562922ec7ef5bd27fe272eaf0400..c16c944b361f3b8ad53026da761afab93a996518 100644
--- a/styles/demo.scss
+++ b/styles/demo.scss
@@ -7,16 +7,16 @@ text {
 
 /* start--演示页面使用的统一样式--start */
 .c-demo {
-	padding: 25px 20px;
+	padding: 50rpx 40rpx;
 }
 
 .c-demo-wrap {
-	border-width: 1px;
+	border-width: 1rpx;
 	border-color: #ddd;
 	border-style: dashed;
 	background-color: rgb(250, 250, 250);
-	padding: 20px 10px;
-	border-radius: 3px;
+	padding: 40rpx 20rpx;
+	border-radius: 6rpx;
 }
 
 .c-demo-area {
@@ -25,19 +25,19 @@ text {
 
 .c-no-demo-here {
 	color: $c-tips-color;
-	font-size: 13px;
+	font-size: 26rpx;
 }
 
 .c-demo-result-line {
 	border-width: 1px;
 	border-color: #ddd;
 	border-style: dashed;
-	padding: 5px 20px;
-	margin-top: 30px;
-	border-radius: 5px;
+	padding: 10rpx 40rpx;
+	margin-top: 60rpx;
+	border-radius: 10rpx;
 	background-color: rgb(240, 240, 240);
 	color: $c-content-color;
-	font-size: 16px;
+	font-size: 30rpx;
 	/* #ifndef APP-NVUE */
 	word-break: break-word;
 	display: inline-block;
@@ -49,45 +49,45 @@ text {
 .c-demo-title,
 .c-config-title {
 	text-align: center;
-	font-size: 16px;
+	font-size: 32rpx;
 	font-weight: bold;
-	margin-bottom: 20px;
+	margin-bottom: 40rpx;
 }
 
 .c-config-item {
-	margin-top: 25px;
+	margin-top: 50rpx;
 }
 
 .c-config-title {
-	margin-top: 20px;
-	padding-bottom: 5px;
+	margin-top: 40rpx;
+	padding-bottom: 10rpx;
 }
 
 .c-item-title {
 	position: relative;
-	font-size: 15px;
-	padding-left: 8px;
+	font-size: 30rpx;
+	padding-left: 16rpx;
 	line-height: 1;
-	margin-bottom: 11px;
+	margin-bottom: 22rpx;
 }
 
 .c-item-title:after {
 	position: absolute;
-	width: 4px;
-	top: -1px;
-	height: 16px;
+	width: 8rpx;
+	top: -2rpx;
+	height: 32rpx;
 	/* #ifndef APP-NVUE */
 	content: '';
 	/* #endif */
 	left: 0;
-	border-radius: 10px;
+	border-radius: 20rpx;
 	background-color: $c-content-color;
 }
 
 .c-subsection{
-	height: 25px;
+	height: 50rpx;
 	background-color: rgb(238, 238, 239);
-	padding: 3px;
-	border-radius: 5px;
+	padding: 6rpx;
+	border-radius: 10rpx;
 }
 /* end--演示页面使用的统一样式--end */
\ No newline at end of file
diff --git a/utils/common.js b/utils/common.js
new file mode 100644
index 0000000000000000000000000000000000000000..590b1e89927ab25c47f57e6075c869692a0404a2
--- /dev/null
+++ b/utils/common.js
@@ -0,0 +1,59 @@
+const config = require('./config')
+
+export const $showToast = (title, _callback) => {
+	uni.showToast({
+		title,
+		icon: 'none',
+		mask: true,
+		duration: 2000,
+		success: () => {
+			if (isFunction(_callback)) {
+				_callback()
+			}
+		}
+	})
+}
+
+export const $hideToast = () => {
+	uni.hideToast()
+}
+
+export const $showModal = ({
+	title = '提示',
+	content = '',
+	showCancel = true,
+	cancelText = '取消',
+	cancelColor = '#000000',
+	confirmText = '确定',
+	confirmColor = config['main_color']
+}, _callback) => {
+	uni.showModal({
+		title,
+		content,
+		showCancel,
+		cancelText,
+		cancelColor,
+		confirmText,
+		confirmColor,
+		success: (res) => {
+			if (isFunction(_callback)) {
+				_callback(res)
+			}
+		}
+	})
+}
+
+export const $showLoading = (title) => {
+	uni.showLoading({
+		title: title ? title : '加载中...',
+		mask: true
+	})
+}
+
+export const $hideLoading = () => {
+	uni.hideLoading()
+}
+
+const isFunction = (obj) => {
+	return typeof obj === 'function'
+}
diff --git a/utils/config.js b/utils/config.js
new file mode 100644
index 0000000000000000000000000000000000000000..41f0022719dce52e67b2c18c8f810ef84ab28707
--- /dev/null
+++ b/utils/config.js
@@ -0,0 +1,23 @@
+module.exports = {
+	project_cn: '绿豆糕组件库',
+	project_en: 'ldcake-uniapp',
+	main_color: '#2979ff',
+	sub_color: '#2979ff',
+	dev_env: 'pro',
+	pro: {
+		// #ifndef H5
+		url: '',
+		// #endif
+		// #ifdef H5
+		url: '/api',
+		// #endif
+	},
+	dev: {
+		// #ifndef H5
+		url: '',
+		// #endif
+		// #ifdef H5
+		url: '/dapi',
+		// #endif
+	}
+}