+ 设备列表

package.json

@@ -17,6 +17,7 @@
     "dev:mp-qq": "uni -p mp-qq",
     "dev:mp-toutiao": "uni -p mp-toutiao",
     "dev:mp-weixin": "uni -p mp-weixin",
+    "wx-dev": "uni -p mp-weixin",
     "dev:quickapp-webview": "uni -p quickapp-webview",
     "dev:quickapp-webview-huawei": "uni -p quickapp-webview-huawei",
     "dev:quickapp-webview-union": "uni -p quickapp-webview-union",
@@ -58,7 +59,7 @@
     "@rollup/plugin-commonjs": "^25.0.0",
     "@vue/shared": "^3.4.21",
     "clipboard": "^2.0.11",
-    "dayjs": "^1.11.8",
+    "dayjs": "^1.11.13",
     "vue": "3.5.13",
     "vue-i18n": "9.14.1",
     "vuex": "^4.1.0"

src/App.vue

@@ -1,20 +1,27 @@
-<script>
	import { http } from '@/uni_modules/uview-plus'
-	export default {
-		onLaunch: function() {
-			console.log('App Launch')
-		},
-		onShow: async function() {
-			console.log('App Show')
-			// let res = await http.get('/')
			// console.log(res)
-		},
-		onHide: function() {
-			console.log('App Hide')
-		}
-	}
-</script>
-
-<style lang="scss">
-	/*每个页面公共css */
-	// @import "uview-plus/index.scss";
	@import "@/uni_modules/uview-plus/index.scss";
-	@import "common/demo.scss";
-</style>
+<script>
+
+export default {
+  onLaunch: function () {
+    console.log('App Launch')
+  },
+  onShow: async function () {
+    console.log('App Show')
+    // let res = await http.get('/')
+    // console.log(res)
+  },
+  onHide: function () {
+    console.log('App Hide')
+  }
+}
+</script>
+
+<style lang="scss">
+/*每个页面公共css */
+// @import "uview-plus/index.scss";
+@import "@/uni_modules/uview-plus/index.scss";
+@import "common/demo.scss";
+
+page {
+  background-color: #f5f5f5;
+}
+</style>

src/common/classify.data.js

@@ -1,1087 +0,0 @@
-export default[
-   {
-      "name": "女装",
-      "foods": [
-          {
-            "name": "A字裙",
-            "key": "A字裙",
-            "icon": "https://cdn.uviewui.com/uview/common/classify/1/1.jpg",
-            "cat": 10
-          },
-          {
-            "name": "T恤",
-            "key": "T恤",
-            "icon": "https://cdn.uviewui.com/uview/common/classify/1/2.jpg",
-            "cat": 10
-          },
-          {
-            "name": "半身裙",
-            "key": "半身裙",
-            "icon": "https://cdn.uviewui.com/uview/common/classify/1/3.jpg",
-            "cat": 10
-          },
-          {
-            "name": "衬衫",
-            "key": "衬衫",
-            "icon": "https://cdn.uviewui.com/uview/common/classify/1/4.jpg",
-            "cat": 10
-          },
-          {
-            "name": "短裙",
-            "key": "短裙",
-            "icon": "https://cdn.uviewui.com/uview/common/classify/1/5.jpg",
-            "cat": 10
-          },
-          {
-            "name": "阔腿裤",
-            "key": "阔腿裤",
-            "icon": "https://cdn.uviewui.com/uview/common/classify/1/6.jpg",
-            "cat": 10
-          },
-          {
-            "name": "连衣裙",
-            "key": "连衣裙",
-            "icon": "https://cdn.uviewui.com/uview/common/classify/1/7.jpg",
-            "cat": 10
-          },
-          {
-            "name": "妈妈装",
-            "key": "妈妈装",
-            "icon": "https://cdn.uviewui.com/uview/common/classify/1/8.jpg",
-            "cat": 10
-          },
-          {
-            "name": "牛仔裤",
-            "key": "牛仔裤",
-            "icon": "https://cdn.uviewui.com/uview/common/classify/1/9.jpg",
-            "cat": 10
-          },
-          {
-            "name": "情侣装",
-            "key": "情侣装",
-            "icon": "https://cdn.uviewui.com/uview/common/classify/1/10.jpg",
-            "cat": 10
-          },
-          {
-            "name": "休闲裤",
-            "key": "休闲裤",
-            "icon": "https://cdn.uviewui.com/uview/common/classify/1/11.jpg",
-            "cat": 10
-          },
-          {
-            "name": "雪纺衫",
-            "key": "雪纺衫",
-            "icon": "https://cdn.uviewui.com/uview/common/classify/1/12.jpg",
-            "cat": 10
-          },
-          {
-            "name": "防晒衣",
-            "key": "防晒衣",
-            "icon": "https://cdn.uviewui.com/uview/common/classify/1/13.jpg",
-            "cat": 10
-          },
-          {
-            "name": "礼服/婚纱",
-            "key": "礼服婚纱",
-            "icon": "https://cdn.uviewui.com/uview/common/classify/1/14.jpg",
-            "cat": 10
-          }
-      ]
-   },
-   {
-    "name": "美食",
-    "foods": [
-        {
-          "name": "火锅",
-          "key": "火锅",
-          "icon": "https://cdn.uviewui.com/uview/common/classify/2/1.jpg",
-          "cat": 6
-        },
-        {
-          "name": "糕点饼干",
-          "key": "糕点饼干",
-          "icon": "https://cdn.uviewui.com/uview/common/classify/2/2.jpg",
-          "cat": 6
-        },
-        {
-          "name": "坚果果干",
-          "key": "坚果果干",
-          "icon": "https://cdn.uviewui.com/uview/common/classify/2/3.jpg",
-          "cat": 6
-        },
-        {
-          "name": "酒类",
-          "key": "酒类",
-          "icon": "https://cdn.uviewui.com/uview/common/classify/2/4.jpg",
-          "cat": 6
-        },
-        {
-          "name": "辣条",
-          "key": "辣条",
-          "icon": "https://cdn.uviewui.com/uview/common/classify/2/5.jpg",
-          "cat": 6
-        },
-        {
-          "name": "大礼包",
-          "key": "大礼包",
-          "icon": "https://cdn.uviewui.com/uview/common/classify/2/6.jpg",
-          "cat": 6
-        },
-        {
-          "name": "精品茗茶",
-          "key": "茶",
-          "icon": "https://cdn.uviewui.com/uview/common/classify/2/7.jpg",
-          "cat": 6
-        },
-        {
-          "name": "休闲食品",
-          "key": "休闲食品",
-          "icon": "https://cdn.uviewui.com/uview/common/classify/2/8.jpg",
-          "cat": 6
-        },
-        {
-          "name": "糖果巧克力",
-          "key": "糖果巧克力",
-          "icon": "https://cdn.uviewui.com/uview/common/classify/2/9.jpg",
-          "cat": 6
-        },
-        {
-          "name": "方便速食",
-          "key": "方便速食",
-          "icon": "https://cdn.uviewui.com/uview/common/classify/2/10.jpg",
-          "cat": 6
-        },
-        {
-          "name": "营养代餐",
-          "key": "营养代餐",
-          "icon": "https://cdn.uviewui.com/uview/common/classify/2/11.jpg",
-          "cat": 6
-        },
-        {
-          "name": "粮油副食",
-          "key": "粮油",
-          "icon": "https://cdn.uviewui.com/uview/common/classify/2/12.jpg",
-          "cat": 6
-        },
-        {
-          "name": "生鲜水果",
-          "key": "水果",
-          "icon": "https://cdn.uviewui.com/uview/common/classify/2/13.jpg",
-          "cat": 6
-        },
-        {
-          "name": "饮品",
-          "key": "饮品",
-          "icon": "https://cdn.uviewui.com/uview/common/classify/2/14.jpg",
-          "cat": 6
-        }
-        ]
-    },
-    {
-        "name": "美妆",
-        "foods": [
-            {
-                "name": "化妆刷",
-                "key": "化妆刷",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/3/1.jpg",
-                "cat": 3
-            },
-            {
-                "name": "粉底",
-                "key": "粉底",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/3/2.jpg",
-                "cat": 3
-            },
-            {
-                "name": "洗发护发",
-                "key": "洗发护发",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/3/3.jpg",
-                "cat": 3
-            },
-            {
-                "name": "美容工具",
-                "key": "美容工具",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/3/4.jpg",
-                "cat": 3
-            },
-            {
-                "name": "眼部护理",
-                "key": "眼部护理",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/3/5.jpg",
-                "cat": 3
-            },
-            {
-                "name": "眉妆",
-                "key": "眉妆",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/3/6.jpg",
-                "cat": 3
-            },
-            {
-                "name": "卸妆品",
-                "key": "卸妆品",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/3/7.jpg",
-                "cat": 3
-            },
-            {
-                "name": "基础护肤",
-                "key": "基础护肤",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/3/8.jpg",
-                "cat": 3
-            },
-            {
-                "name": "眼妆",
-                "key": "眼妆",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/3/9.jpg",
-                "cat": 3
-            },
-            {
-                "name": "唇妆",
-                "key": "唇妆",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/3/10.jpg",
-                "cat": 3
-            },
-            {
-                "name": "面膜",
-                "key": "面膜",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/3/11.jpg",
-                "cat": 3
-            },
-            {
-                "name": "沐浴用品",
-                "key": "沐浴用品",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/3/12.jpg",
-                "cat": 3
-            },
-            {
-                "name": "护肤套装",
-                "key": "护肤套装",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/3/13.jpg",
-                "cat": 3
-            },
-            {
-                "name": "防晒品",
-                "key": "防晒品",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/3/14.jpg",
-                "cat": 3
-            },
-            {
-                "name": "美甲",
-                "key": "美甲",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/3/15.jpg",
-                "cat": 3
-            }
-
-        ]
-    },
-    {
-        "name": "居家日用",
-        "foods": [
-            {
-              "name": "垃圾袋",
-              "key": "垃圾袋",
-              "icon": "https://cdn.uviewui.com/uview/common/classify/4/1.jpg",
-              "cat": 4
-            },
-            {
-                "name": "纸巾",
-                "key": "纸巾",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/4/2.jpg",
-                "cat": 4
-            },
-            {
-                "name": "驱蚊用品",
-                "key": "驱蚊用品",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/4/3.jpg",
-                "cat": 4
-            },
-            {
-                "name": "收纳神器",
-                "key": "收纳神器",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/4/4.jpg",
-                "cat": 4
-            },
-            {
-                "name": "厨房用品",
-                "key": "厨房用品",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/4/5.jpg",
-                "cat": 4
-            },
-            {
-                "name": "厨房烹饪",
-                "key": "烹饪",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/4/6.jpg",
-                "cat": 4
-            },
-            {
-                "name": "衣物晾晒",
-                "key": "衣物晾晒",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/4/7.jpg",
-                "cat": 4
-            },
-            {
-                "name": "衣物护理",
-                "key": "衣物护理",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/4/8.jpg",
-                "cat": 4
-            },
-            {
-                "name": "宠物用品",
-                "key": "宠物用品",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/4/9.jpg",
-                "cat": 4
-            },
-            {
-                "name": "医药保健",
-                "key": "医药",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/4/10.jpg",
-                "cat": 4
-            },
-            {
-                "name": "日用百货",
-                "key": "百货",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/4/11.jpg",
-                "cat": 4
-            },
-            {
-                "name": "清洁用品",
-                "key": "清洁",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/4/12.jpg",
-                "cat": 4
-            },
-            {
-                "name": "绿植园艺",
-                "key": "绿植",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/4/13.jpg",
-                "cat": 4
-            }
-        ]
-    },
-    {
-        "name": "男装",
-        "foods": [
-            {
-                "name": "爸爸装",
-                "key": "爸爸装",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/5/1.jpg",
-                "cat": 12
-            },
-            {
-                "name": "牛仔裤",
-                "key": "牛仔裤",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/5/2.jpg",
-                "cat": 12
-            },
-            {
-                "name": "衬衫",
-                "key": "衬衫",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/5/3.jpg",
-                "cat": 12
-            },
-            {
-                "name": "休闲裤",
-                "key": "休闲裤",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/5/4.jpg",
-                "cat": 12
-            },
-            {
-                "name": "外套",
-                "key": "外套",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/5/5.jpg",
-                "cat": 12
-            },
-            {
-                "name": "T恤",
-                "key": "T恤",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/5/6.jpg",
-                "cat": 12
-            },
-            {
-                "name": "套装",
-                "key": "套装",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/5/7.jpg",
-                "cat": 12
-            },
-            {
-                "name": "运动裤",
-                "key": "运动裤",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/5/8.jpg",
-                "cat": 12
-            },
-            {
-                "name": "马甲/背心",
-                "key": "马甲背心",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/5/9.jpg",
-                "cat": 12
-            },
-            {
-                "name": "POLO衫",
-                "key": "POLO衫",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/5/10.jpg",
-                "cat": 12
-            },
-            {
-                "name": "商务装",
-                "key": "商务装",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/5/11.jpg",
-                "cat": 12
-            }
-        ]
-    },
-    {
-        "name": "鞋品",
-        "foods": [
-            {
-                "name": "单鞋",
-                "key": "单鞋",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/6/1.jpg",
-                "cat": 5
-            },
-            {
-                "name": "皮鞋",
-                "key": "皮鞋",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/6/2.jpg",
-                "cat": 5
-            },
-            {
-                "name": "帆布鞋",
-                "key": "帆布鞋",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/6/3.jpg",
-                "cat": 5
-            },
-            {
-                "name": "北京老布鞋",
-                "key": "北京老布鞋",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/6/4.jpg",
-                "cat": 5
-            },
-            {
-                "name": "运动鞋",
-                "key": "运动鞋",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/6/5.jpg",
-                "cat": 5
-            },
-            {
-                "name": "拖鞋",
-                "key": "拖鞋",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/6/6.jpg",
-                "cat": 5
-            },
-            {
-                "name": "凉鞋",
-                "key": "凉鞋",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/6/7.jpg",
-                "cat": 5
-            },
-            {
-                "name": "休闲鞋",
-                "key": "休闲鞋",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/6/8.jpg",
-                "cat": 5
-            },
-            {
-                "name": "高跟鞋",
-                "key": "高跟鞋",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/6/9.jpg",
-                "cat": 5
-            },
-            {
-                "name": "老人鞋",
-                "key": "老人鞋",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/6/10.jpg",
-                "cat": 5
-            },
-            {
-                "name": "懒人鞋",
-                "key": "懒人鞋",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/6/11.jpg",
-                "cat": 5
-            }
-        ]
-    },
-    {
-        "name": "数码家电",
-        "foods": [
-            {
-                "name": "数据线",
-                "key": "数据线",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/7/1.jpg",
-                "cat": 8
-            },
-            {
-                "name": "耳机",
-                "key": "耳机",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/7/2.jpg",
-                "cat": 8
-            },
-            {
-                "name": "生活家电",
-                "key": "家电",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/7/3.jpg",
-                "cat": 8
-            },
-            {
-                "name": "电风扇",
-                "key": "电风扇",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/7/4.jpg",
-                "cat": 8
-            },
-            {
-                "name": "电吹风",
-                "key": "电吹风",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/7/5.jpg",
-                "cat": 8
-            },
-            {
-                "name": "手机壳",
-                "key": "手机壳",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/7/6.jpg",
-                "cat": 8
-            },
-            {
-                "name": "榨汁机",
-                "key": "榨汁机",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/7/7.jpg",
-                "cat": 8
-            },
-            {
-                "name": "小家电",
-                "key": "小家电",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/7/8.jpg",
-                "cat": 8
-            },
-            {
-                "name": "数码电子",
-                "key": "数码",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/7/9.jpg",
-                "cat": 8
-            },
-            {
-                "name": "电饭锅",
-                "key": "电饭锅",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/7/10.jpg",
-                "cat": 8
-            },
-            {
-                "name": "手机支架",
-                "key": "手机支架",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/7/11.jpg",
-                "cat": 8
-            },
-            {
-                "name": "剃须刀",
-                "key": "剃须刀",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/7/12.jpg",
-                "cat": 8
-            },
-            {
-                "name": "充电宝",
-                "key": "充电宝",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/7/13.jpg",
-                "cat": 8
-            },
-            {
-                "name": "手机配件",
-                "key": "手机配件",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/7/14.jpg",
-                "cat": 8
-            }
-        ]
-    },
-    {
-        "name": "母婴",
-        "foods": [
-            {
-              "name": "婴童服饰",
-              "key": "衣服",
-              "icon": "https://cdn.uviewui.com/uview/common/classify/8/1.jpg",
-              "cat": 2  
-            },
-            {
-                "name": "玩具乐器",
-                "key": "玩具乐器",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/8/2.jpg",
-                "cat": 2  
-            },
-            {
-                "name": "尿不湿",
-                "key": "尿不湿",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/8/3.jpg",
-                "cat": 2  
-            },
-            {
-                "name": "安抚牙胶",
-                "key": "安抚牙胶",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/8/4.jpg",
-                "cat": 2  
-            },
-            {
-                "name": "奶瓶奶嘴",
-                "key": "奶瓶奶嘴",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/8/5.jpg",
-                "cat": 2  
-            },
-            {
-                "name": "孕妈用品",
-                "key": "孕妈用品",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/8/6.jpg",
-                "cat": 2  
-            },
-            {
-                "name": "宝宝用品",
-                "key": "宝宝用品",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/8/7.jpg",
-                "cat": 2  
-            },
-            {
-                "name": "婴童湿巾",
-                "key": "湿巾",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/8/8.jpg",
-                "cat": 2  
-            },
-            {
-                "name": "喂养洗护",
-                "key": "洗护",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/8/9.jpg",
-                "cat": 2  
-            },
-            {
-                "name": "婴童鞋靴",
-                "key": "童鞋",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/8/10.jpg",
-                "cat": 2  
-            },
-            {
-                "name": "口水巾",
-                "key": "口水巾",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/8/11.jpg",
-                "cat": 2  
-            },
-            {
-                "name": "营养辅食",
-                "key": "营养",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/8/12.jpg",
-                "cat": 2  
-            },
-            {
-                "name": "婴幼书籍",
-                "key": "书籍",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/8/13.jpg",
-                "cat": 2  
-            },
-            {
-                "name": "婴儿车",
-                "key": "婴儿车",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/8/14.jpg",
-                "cat": 2  
-            }
-        ]
-    },
-    {
-        "name": "箱包",
-        "foods": [
-            {
-                "name": "单肩包",
-                "key": "单肩包",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/9/1.jpg",
-                "cat": 0
-            },
-            {
-                "name": "斜挎包",
-                "key": "斜挎包",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/9/2.jpg",
-                "cat": 0
-            },
-            {
-                "name": "女包",
-                "key": "女包",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/9/3.jpg",
-                "cat": 0
-            },
-            {
-                "name": "男包",
-                "key": "男包",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/9/4.jpg",
-                "cat": 0
-            },
-            {
-                "name": "双肩包",
-                "key": "双肩包",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/9/5.jpg",
-                "cat": 0
-            },
-            {
-                "name": "小方包",
-                "key": "小方包",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/9/6.jpg",
-                "cat": 0
-            },
-            {
-                "name": "钱包",
-                "key": "钱包",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/9/7.jpg",
-                "cat": 0
-            },
-            {
-                "name": "旅行箱包",
-                "key": "旅行箱包",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/9/8.jpg",
-                "cat": 0
-            },
-            {
-                "name": "零钱包",
-                "key": "零钱包",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/9/9.jpg",
-                "cat": 0
-            },
-            {
-                "name": "手提包",
-                "key": "手提包",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/9/10.jpg",
-                "cat": 0
-            },
-            {
-                "name": "胸包",
-                "key": "胸包",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/9/11.jpg",
-                "cat": 0
-            }
-        ]
-    },
-    {
-        "name": "内衣",
-        "foods": [
-            {
-                "name": "袜子",
-                "key": "袜子",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/10/1.jpg",
-                "cat": 11
-            },
-            {
-                "name": "吊带背心",
-                "key": "吊带背心",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/10/2.jpg",
-                "cat": 11
-            },
-            {
-                "name": "抹胸",
-                "key": "抹胸",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/10/3.jpg",
-                "cat": 11
-            },
-            {
-                "name": "内裤",
-                "key": "内裤",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/10/4.jpg",
-                "cat": 11
-            },
-            {
-                "name": "文胸",
-                "key": "文胸",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/10/5.jpg",
-                "cat": 11
-            },
-            {
-                "name": "文胸套装",
-                "key": "文胸套装",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/10/6.jpg",
-                "cat": 11
-            },
-            {
-                "name": "打底塑身",
-                "key": "打底塑身",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/10/7.jpg",
-                "cat": 11
-            },
-            {
-                "name": "家居服",
-                "key": "家居服",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/10/8.jpg",
-                "cat": 11
-            },
-            {
-                "name": "船袜",
-                "key": "船袜",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/10/9.jpg",
-                "cat": 11
-            },
-            {
-                "name": "情侣睡衣",
-                "key": "情侣睡衣",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/10/10.jpg",
-                "cat": 11
-            },
-            {
-                "name": "丝袜",
-                "key": "丝袜",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/10/11.jpg",
-                "cat": 11
-            }
-        ]
-    },
-    {
-        "name": "文娱车品",
-        "foods": [
-            {
-                "name": "车市车品",
-                "key": "车市车品",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/11/1.jpg",
-                "cat": 7
-            },
-            {
-                "name": "办公文具",
-                "key": "办公文具",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/11/2.jpg",
-                "cat": 7
-            },
-            {
-                "name": "考试必备",
-                "key": "考试必备",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/11/3.jpg",
-                "cat": 7
-            },
-            {
-                "name": "笔记本",
-                "key": "笔记本",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/11/4.jpg",
-                "cat": 7
-            },
-            {
-                "name": "艺术礼品",
-                "key": "礼品",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/11/5.jpg",
-                "cat": 7
-            },
-            {
-                "name": "书写工具",
-                "key": "书写工具",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/11/6.jpg",
-                "cat": 7
-            },
-            {
-                "name": "车载电器",
-                "key": "车载电器",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/11/7.jpg",
-                "cat": 7
-            },
-            {
-                "name": "图书音像",
-                "key": "图书音像",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/11/8.jpg",
-                "cat": 7
-            },
-            {
-                "name": "画具画材",
-                "key": "画具画材",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/11/9.jpg",
-                "cat": 7
-            }
-        ]
-    },
-    {
-        "name": "配饰",
-        "foods": [
-            {
-                "name": "太阳镜",
-                "key": "太阳镜",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/12/1.jpg",
-                "cat": 0
-            },
-            {
-                "name": "皮带",
-                "key": "皮带",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/12/2.jpg",
-                "cat": 0
-            },
-            {
-                "name": "棒球帽",
-                "key": "棒球帽",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/12/3.jpg",
-                "cat": 0
-            },
-            {
-                "name": "手表",
-                "key": "手表",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/12/4.jpg",
-                "cat": 0
-            },
-            {
-                "name": "发饰",
-                "key": "发饰",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/12/5.jpg",
-                "cat": 0
-            },
-            {
-                "name": "项链",
-                "key": "项链",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/12/6.jpg",
-                "cat": 0
-            },
-            {
-                "name": "手饰",
-                "key": "手饰",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/12/7.jpg",
-                "cat": 0
-            },
-            {
-                "name": "耳环",
-                "key": "耳环",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/12/8.jpg",
-                "cat": 0
-            },
-            {
-                "name": "帽子丝巾",
-                "key": "帽子丝巾",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/12/9.jpg",
-                "cat": 0
-            },
-            {
-                "name": "眼镜墨镜",
-                "key": "眼镜墨镜",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/12/10.jpg",
-                "cat": 0
-            },
-            {
-                "name": "发带发箍",
-                "key": "发带发箍",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/12/11.jpg",
-                "cat": 0
-            }
-        ]
-    },
-    {
-        "name": "家装家纺",
-        "foods": [
-            {
-                "name": "家居饰品",
-                "key": "家居饰品",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/13/1.jpg",
-                "cat": 0
-            },
-            {
-                "name": "凉席",
-                "key": "凉席",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/13/2.jpg",
-                "cat": 0
-            },
-            {
-                "name": "背枕靠枕",
-                "key": "靠枕",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/13/3.jpg",
-                "cat": 0
-            },
-            {
-                "name": "床上用品",
-                "key": "床上用品",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/13/4.jpg",
-                "cat": 0
-            },
-            {
-                "name": "摆件",
-                "key": "摆件",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/13/5.jpg",
-                "cat": 0
-            },
-            {
-                "name": "四件套",
-                "key": "四件套",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/13/6.jpg",
-                "cat": 0
-            },
-            {
-                "name": "装饰品",
-                "key": "装饰品",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/13/7.jpg",
-                "cat": 0
-            },
-            {
-                "name": "卫浴用品",
-                "key": "卫浴",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/13/8.jpg",
-                "cat": 0
-            },
-            {
-                "name": "家居家装",
-                "key": "家具",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/13/9.jpg",
-                "cat": 0
-            },
-            {
-                "name": "蚊帐",
-                "key": "蚊帐",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/13/10.jpg",
-                "cat": 0
-            },
-            {
-                "name": "墙纸贴纸",
-                "key": "墙纸",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/13/11.jpg",
-                "cat": 0
-            },
-            {
-                "name": "空调被",
-                "key": "空调被",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/13/12.jpg",
-                "cat": 0
-            }
-        ]
-    },
-    {
-        "name": "户外运动",
-        "foods": [
-            {
-                "name": "游泳装备",
-                "key": "游泳",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/14/1.jpg",
-                "cat": 0
-            },
-            {
-                "name": "泳镜",
-                "key": "泳镜",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/14/2.jpg",
-                "cat": 0
-            },
-            {
-                "name": "户外装备",
-                "key": "户外",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/14/3.jpg",
-                "cat": 0
-            },
-            {
-                "name": "健身服饰",
-                "key": "健身",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/14/4.jpg",
-                "cat": 0
-            },
-            {
-                "name": "泳衣",
-                "key": "泳衣",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/14/5.jpg",
-                "cat": 0
-            },
-            {
-                "name": "瑜伽垫",
-                "key": "瑜伽垫",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/14/6.jpg",
-                "cat": 0
-            },
-            {
-                "name": "瑜伽用品",
-                "key": "瑜伽",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/14/7.jpg",
-                "cat": 0
-            },
-            {
-                "name": "健身装备",
-                "key": "健身",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/14/8.jpg",
-                "cat": 0
-            },
-            {
-                "name": "球迷用品",
-                "key": "球迷",
-                "icon": "https://cdn.uviewui.com/uview/common/classify/14/9.jpg",
-                "cat": 0
-            }
-        ]
-    }
-]

src/common/consts/DeviceConst.js

@@ -0,0 +1,26 @@
+export const DeviceState = {
+    ALL: {
+        value: "",
+        label: '全部'
+    },
+    // 未激活
+    UNACTIVATED: {
+        value: 1,
+        label: '未激活'
+    },
+    // 未知
+    // UNKNOWN: {
+    //     value: 2,
+    //     label: '未知'
+    // },
+    // 离线
+    OFFLINE: {
+        value: 3,
+        label: '离线'
+    },
+    // 在线
+    ONLINE: {
+        value: 4,
+        label: '在线'
+    }
+};

src/common/province.js

@@ -1 +0,0 @@
-var provinceData=[{"label":"北京市","value":"11"},{"label":"天津市","value":"12"},{"label":"河北省","value":"13"},{"label":"山西省","value":"14"},{"label":"内蒙古自治区","value":"15"},{"label":"辽宁省","value":"21"},{"label":"吉林省","value":"22"},{"label":"黑龙江省","value":"23"},{"label":"上海市","value":"31"},{"label":"江苏省","value":"32"},{"label":"浙江省","value":"33"},{"label":"安徽省","value":"34"},{"label":"福建省","value":"35"},{"label":"江西省","value":"36"},{"label":"山东省","value":"37"},{"label":"河南省","value":"41"},{"label":"湖北省","value":"42"},{"label":"湖南省","value":"43"},{"label":"广东省","value":"44"},{"label":"广西壮族自治区","value":"45"},{"label":"海南省","value":"46"},{"label":"重庆市","value":"50"},{"label":"四川省","value":"51"},{"label":"贵州省","value":"52"},{"label":"云南省","value":"53"},{"label":"西藏自治区","value":"54"},{"label":"陕西省","value":"61"},{"label":"甘肃省","value":"62"},{"label":"青海省","value":"63"},{"label":"宁夏回族自治区","value":"64"},{"label":"新疆维吾尔自治区","value":"65"},{"label":"台湾","value":"66"},{"label":"香港","value":"67"},{"label":"澳门","value":"68"}];export default provinceData;

src/components/pannel/index.vue

@@ -0,0 +1,66 @@
+<template>
+  <view class="panel-wrap">
+    <view class="panel-title">
+      <slot name="header"></slot>
+    </view>
+    <up-line></up-line>
+    <view class="panel-content">
+      <slot name="content"></slot>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  name: "Panel",
+  options: { styleIsolation: 'shared' },
+  data() {
+    return {}
+  },
+
+  methods: {}
+};
+</script>
+
+<style lang="scss">
+.panel-wrap {
+  width: 100%;
+  border-radius: 20rpx;
+  background-color: #fff;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+
+  .panel-title {
+    width: 100%;
+    padding: 25rpx;
+    margin: 10rpx 0;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    color: #333333;
+    font-weight: 700;
+
+    > view {
+      width: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: flex-start;
+
+    }
+    .u-icon {
+      margin-right: 20rpx;
+    }
+  }
+  .panel-content{
+    width: 100%;
+    display: flex;
+    align-items: center;
+    > view{
+      width: 100%;
+    }
+  }
+}
+
+</style>

src/pages.json

@@ -1,713 +1,102 @@
 {
-    "condition" : {
-        //模式配置，仅开发期间生效
-        "current" : 0, //当前激活的模式(list 的索引项)
-        "list" : [
-			{
-				"name": "广告", //模式名称
-				"path": "pages/example/ad", //启动页面，必选
-				"query": "scene='id=555563434u5io3uu4u5'" //启动参数，在页面的onLoad函数里面得到
-			}
-		]
+  "condition": {
+    //模式配置，仅开发期间生效
+    "current": 0,
+    //当前激活的模式(list 的索引项)
+    "list": [
+      {
+        "name": "广告",
+        //模式名称
+        "path": "pages/example/ad",
+        //启动页面，必选
+        "query": "scene='id=555563434u5io3uu4u5'"
+        //启动参数，在页面的onLoad函数里面得到
+      }
+    ]
+  },
+  "easycom": {
+    // 注意一定要放在custom里，否则无效，https://ask.dcloud.net.cn/question/131175
+    "custom": {
+      // "^u--(.*)": "uview-plus/components/u-$1/u-$1.vue",
+      // "^up-(.*)": "uview-plus/components/u-$1/u-$1.vue",
+      // "^u-([^-].*)": "uview-plus/components/u-$1/u-$1.vue",
+      "^u--(.*)": "@/uni_modules/uview-plus/components/u-$1/u-$1.vue",
+      "^up-(.*)": "@/uni_modules/uview-plus/components/u-$1/u-$1.vue",
+      "^u-([^-].*)": "@/uni_modules/uview-plus/components/u-$1/u-$1.vue"
+    }
+  },
+  "pages": [
+    //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
+    {
+      "path": "pages/workbench/index",
+      "style": {
+        "navigationBarTitleText": "工作台"
+      }
     },
-    "easycom" : {
-        // 注意一定要放在custom里，否则无效，https://ask.dcloud.net.cn/question/131175
-        "custom" : {
-            // "^u--(.*)": "uview-plus/components/u-$1/u-$1.vue",
-            // "^up-(.*)": "uview-plus/components/u-$1/u-$1.vue",
-            // "^u-([^-].*)": "uview-plus/components/u-$1/u-$1.vue",
-            "^u--(.*)" : "@/uni_modules/uview-plus/components/u-$1/u-$1.vue",
-            "^up-(.*)" : "@/uni_modules/uview-plus/components/u-$1/u-$1.vue",
-            "^u-([^-].*)" : "@/uni_modules/uview-plus/components/u-$1/u-$1.vue"
-        }
+    {
+      "path": "pages/my/index",
+      "style": {
+        "navigationBarTitleText": "我的"
+      }
     },
-    "pages" : [
-        //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
-        {
-            "path" : "pages/workbench",
-            "style" : {
-                "navigationBarTitleText" : "工作台"
-            }
-        },
-        {
-            "path" : "pages/my",
-            "style" : {
-                "navigationBarTitleText" : "我的"
-            }
-        },
-        // 演示-模板
-        {
-            "path" : "pages/example/template",
-            "style" : {
-                "navigationBarTitleText" : "模板"
-            }
-        },
-        {
-            "path" : "pages/workbench",
-            "style" : {
-                "navigationBarTitleText" : "工作台"
-            }
-        }
-    ],
-    "subPackages" : [
-        {
-            "root" : "pages/componentsA",
-            "pages" : [
-                // 过渡动画
-                {
-                    "path" : "transition/transition",
-                    "style" : {
-                        "navigationBarTitleText" : "过渡动画"
-                    }
-                },
-                {
-                    "path" : "test/test",
-                    "style" : {
-                        "navigationBarTitleText" : "测试"
-                    }
-                },
-                {
-                    "path" : "icon/icon",
-                    "style" : {
-                        "navigationBarTitleText" : "图标"
-                    }
-                },
-                {
-                    "path" : "cell/cell",
-                    "style" : {
-                        "navigationBarTitleText" : "单元格"
-                    }
-                },
-                {
-                    "path" : "line/line",
-                    "style" : {
-                        "navigationBarTitleText" : "线条"
-                    }
-                },
-                {
-                    "path" : "image/image",
-                    "style" : {
-                        "navigationBarTitleText" : "图片"
-                    }
-                },
-                {
-                    "path" : "link/link",
-                    "style" : {
-                        "navigationBarTitleText" : "超链接"
-                    }
-                },
-                {
-                    "path" : "button/button",
-                    "style" : {
-                        "navigationBarTitleText" : "按钮"
-                    }
-                },
-                {
-                    "path" : "loading-icon/loading-icon",
-                    "style" : {
-                        "navigationBarTitleText" : "加载中图标"
-                    }
-                },
-                {
-                    "path" : "overlay/overlay",
-                    "style" : {
-                        "navigationBarTitleText" : "遮罩层",
-                        "navigationStyle" : "custom"
-                    }
-                },
-                {
-                    "path" : "loading-page/loading-page",
-                    "style" : {
-                        "navigationBarTitleText" : "加载页",
-                        "navigationStyle" : "custom"
-                    }
-                },
-                {
-                    "path" : "popup/popup",
-                    "style" : {
-                        "navigationBarTitleText" : "弹窗",
-                        "navigationStyle" : "custom"
-                    }
-                },
-                {
-                    "path" : "swipeAction/swipeAction",
-                    "style" : {
-                        "navigationBarTitleText" : "滑动单元格"
-                    }
-                },
-                {
-                    "path" : "sticky/sticky",
-                    "style" : {
-                        "navigationBarTitleText" : "吸顶"
-                    }
-                },
-                {
-                    "path" : "radio/radio",
-                    "style" : {
-                        "navigationBarTitleText" : "单选框"
-                    }
-                },
-                {
-                    "path" : "checkbox/checkbox",
-                    "style" : {
-                        "navigationBarTitleText" : "复选框"
-                    }
-                },
-                {
-                    "path" : "empty/empty",
-                    "style" : {
-                        "navigationBarTitleText" : "内容为空"
-                    }
-                },
-                {
-                    "path" : "backtop/backtop",
-                    "style" : {
-                        "navigationBarTitleText" : "返回顶部"
-                    }
-                },
-                {
-                    "path" : "divider/divider",
-                    "style" : {
-                        "navigationBarTitleText" : "分割线"
-                    }
-                },
-                {
-                    "path" : "rate/rate",
-                    "style" : {
-                        "navigationBarTitleText" : "评分"
-                    }
-                },
-                {
-                    "path" : "gap/gap",
-                    "style" : {
-                        "navigationBarTitleText" : "间隔槽"
-                    }
-                },
-                {
-                    "path" : "grid/grid",
-                    "style" : {
-                        "navigationBarTitleText" : "宫格"
-                    }
-                },
-                {
-                    "path" : "lazyLoad/lazyLoad",
-                    "style" : {
-                        "navigationBarTitleText" : "图片懒加载"
-                    }
-                }
-            ]
-        },
-        {
-            "root" : "pages/componentsB",
-            "pages" : [
-                {
-                    "path" : "dropdown/dropdown",
-                    "style" : {
-                        "navigationBarTitleText" : "下拉菜单"
-                    }
-                },
-                {
-                    "path" : "actionSheet/actionSheet",
-                    "style" : {
-                        "navigationBarTitleText" : "上拉菜单",
-                        "navigationStyle" : "custom"
-                    }
-                },
-                {
-                    "path" : "parse/parse",
-                    "style" : {
-                        "navigationBarTitleText" : "富文本解析器"
-                    }
-                },
-                {
-                    "path" : "parse/jump",
-                    "style" : {
-                        "navigationBarTitleText" : "内部链接"
-                    }
-                },
-                {
-                    "path" : "toast/toast",
-                    "style" : {
-                        "navigationBarTitleText" : "提示消息"
-                    }
-                },
-                {
-                    "path" : "keyboard/keyboard",
-                    "style" : {
-                        "navigationBarTitleText" : "键盘",
-                        "navigationStyle" : "custom"
-                    }
-                },
-                {
-                    "path" : "slider/slider",
-                    "style" : {
-                        "navigationBarTitleText" : "滑动选择器"
-                    }
-                },
-                {
-                    "path" : "upload/upload",
-                    "style" : {
-                        "navigationBarTitleText" : "上传"
-                    }
-                },
-                {
-                    "path" : "notify/notify",
-                    "style" : {
-                        "navigationBarTitleText" : "消息提示"
-                    }
-                },
-                {
-                    "path" : "countDown/countDown",
-                    "style" : {
-                        "navigationBarTitleText" : "倒计时"
-                    }
-                },
-                {
-                    "path" : "color/color",
-                    "style" : {
-                        "navigationBarTitleText" : "色彩"
-                    }
-                },
-                {
-                    "path" : "numberBox/numberBox",
-                    "style" : {
-                        "navigationBarTitleText" : "步进器"
-                    }
-                },
-                {
-                    "path" : "countTo/countTo",
-                    "style" : {
-                        "navigationBarTitleText" : "数字滚动"
-                    }
-                },
-                {
-                    "path" : "search/search",
-                    "style" : {
-                        "navigationBarTitleText" : "搜索"
-                    }
-                },
-                {
-                    "path" : "badge/badge",
-                    "style" : {
-                        "navigationBarTitleText" : "徽标数"
-                    }
-                },
-                {
-                    "path" : "tag/tag",
-                    "style" : {
-                        "navigationBarTitleText" : "标签"
-                    }
-                },
-                {
-                    "path" : "alert/alert",
-                    "style" : {
-                        "navigationBarTitleText" : "警告"
-                    }
-                },
-                {
-                    "path" : "switch/switch",
-                    "style" : {
-                        "navigationBarTitleText" : "开关"
-                    }
-                },
-                {
-                    "path" : "collapse/collapse",
-                    "style" : {
-                        "navigationBarTitleText" : "折叠面板"
-                    }
-                },
-                {
-                    "path" : "code/code",
-                    "style" : {
-                        "navigationBarTitleText" : "验证码"
-                    }
-                },
-                {
-                    "path" : "noticeBar/noticeBar",
-                    "style" : {
-                        "navigationBarTitleText" : "滚动通知"
-                    }
-                },
-                {
-                    "path" : "progress/progress",
-                    "style" : {
-                        "navigationBarTitleText" : "进度条"
-                    }
-                },
-                {
-                    "path" : "tabbar/tabbar",
-                    "style" : {
-                        "navigationBarTitleText" : "Tabbar"
-                    }
-                },
-                {
-                    "path" : "tabbar/tabbar2",
-                    "style" : {
-                        "navigationBarTitleText" : "Tabbar-vue"
-                    }
-                },
-                {
-                    "path" : "waterfall/waterfall",
-                    "style" : {
-                        "navigationBarTitleText" : "瀑布流"
-                    }
-                },
-                {
-                    "path" : "card/card",
-                    "style" : {
-                        "navigationBarTitleText" : "卡片"
-                    }
-                }
-            ]
-        },
-        {
-            "root" : "pages/componentsC",
-            "pages" : [
-                {
-                    "path" : "table/table",
-                    "style" : {
-                        "navigationBarTitleText" : "表格"
-                    }
-                },
-                {
-                    "path" : "form/form",
-                    "style" : {
-                        "navigationBarTitleText" : "表单",
-                        "navigationStyle" : "custom"
-                    }
-                },
-                {
-                    "path" : "textarea/textarea",
-                    "style" : {
-                        "navigationBarTitleText" : "文本域"
-                    }
-                },
-                {
-                    "path" : "noNetwork/noNetwork",
-                    "style" : {
-                        "navigationBarTitleText" : "无网络提示"
-                    }
-                },
-                {
-                    "path" : "loadmore/loadmore",
-                    "style" : {
-                        "navigationBarTitleText" : "加载更多"
-                    }
-                },
-                {
-                    "path" : "text/text",
-                    "style" : {
-                        "navigationBarTitleText" : "文本"
-                    }
-                },
-                {
-                    "path" : "steps/steps",
-                    "style" : {
-                        "navigationBarTitleText" : "步骤条"
-                    }
-                },
-                {
-                    "path" : "navbar/navbar",
-                    "style" : {
-                        "navigationBarTitleText" : "导航栏",
-                        "navigationStyle" : "custom"
-                    }
-                },
-                {
-                    "path" : "skeleton/skeleton",
-                    "style" : {
-                        "navigationBarTitleText" : "骨架屏"
-                    }
-                },
-                {
-                    "path" : "input/input",
-                    "style" : {
-                        "navigationBarTitleText" : "输入框"
-                    }
-                },
-                {
-                    "path" : "album/album",
-                    "style" : {
-                        "navigationBarTitleText" : "相册"
-                    }
-                },
-                {
-                    "path" : "avatar/avatar",
-                    "style" : {
-                        "navigationBarTitleText" : "头像"
-                    }
-                },
-                {
-                    "path" : "readMore/readMore",
-                    "style" : {
-                        "navigationBarTitleText" : "阅读更多"
-                    }
-                },
-                {
-                    "path" : "layout/layout",
-                    "style" : {
-                        "navigationBarTitleText" : "布局"
-                    }
-                },
-                {
-                    "path" : "indexList/indexList",
-                    "style" : {
-                        "navigationBarTitleText" : "索引列表"
-                    }
-                },
-                {
-                    "path" : "indexList/indexList2",
-                    "style" : {
-                        "navigationBarTitleText" : "索引列表(弹窗)"
-                    }
-                },
-                {
-                    "path" : "tooltip/tooltip",
-                    "style" : {
-                        "navigationBarTitleText" : "长按提示"
-                    }
-                },
-                {
-                    "path" : "tabs/tabs",
-                    "style" : {
-                        "navigationBarTitleText" : "标签"
-                    }
-                },
-                {
-                    "path" : "list/list",
-                    "style" : {
-                        "navigationBarTitleText" : "列表"
-                    }
-                },
-                {
-                    "path" : "swiper/swiper",
-                    "style" : {
-                        "navigationBarTitleText" : "轮播"
-                    }
-                },
-                {
-                    "path" : "scrollList/scrollList",
-                    "style" : {
-                        "navigationBarTitleText" : "横向滚动列表"
-                    }
-                },
-                {
-                    "path" : "codeInput/codeInput",
-                    "style" : {
-                        "navigationBarTitleText" : "验证码输入"
-                    }
-                },
-                {
-                    "path" : "modal/modal",
-                    "style" : {
-                        "navigationBarTitleText" : "模态框",
-                        "navigationStyle" : "custom"
-                    }
-                },
-                {
-                    "path" : "picker/picker",
-                    "style" : {
-                        "navigationBarTitleText" : "选择器",
-                        "navigationStyle" : "custom"
-                    }
-                },
-                {
-                    "path" : "calendar/calendar",
-                    "style" : {
-                        "navigationBarTitleText" : "日历",
-                        "navigationStyle" : "custom"
-                    }
-                },
-                {
-                    "path" : "datetimePicker/datetimePicker",
-                    "style" : {
-                        "navigationBarTitleText" : "时间选择",
-                        "navigationStyle" : "custom"
-                    }
-                },
-                {
-                    "path" : "subsection/subsection",
-                    "style" : {
-                        "navigationBarTitleText" : "分段器"
-                    }
-                }
-            ]
-        },
+    {
+      "path": "pages/login/index",
+      "style": {
+        "navigationBarTitleText": ""
+      }
+    }
+  ],
+  "subPackages": [
+    {
+      "root": "pages/workbenchsub",
+      "pages": [
         {
-            "root" : "pages/componentsD",
-            "pages" : [
-                {
-                    "path" : "qrcode/qrcode",
-                    "style" : {
-                        "navigationBarTitleText" : "二维码"
-                    }
-                },
-                {
-                    "path" : "copy/copy",
-                    "style" : {
-                        "navigationBarTitleText" : "复制"
-                    }
-                },
-                {
-                    "path" : "navbarMini/navbarMini",
-                    "style" : {
-                        "navigationBarTitleText" : "迷你导航"
-                    }
-                },
-                {
-                    "path" : "box/box",
-                    "style" : {
-                        "navigationBarTitleText" : "盒子"
-                    }
-                },
-                {
-                    "path" : "floatButton/floatButton",
-                    "style" : {
-                        "navigationBarTitleText" : "悬浮按钮"
-                    }
-                }
-            ]
+          "path": "device/list",
+          "style": {
+            "navigationBarTitleText": "设备列表"
+          }
         },
         {
-            "root" : "pages/template",
-            "pages" : [
-                // wxCenter 仿微信个人中心
-                {
-                    "path" : "wxCenter/index",
-                    "style" : {
-                        "navigationBarTitleText" : "wxCenter 仿微信个人中心",
-                        "navigationStyle" : "custom"
-                    }
-                },
-                // keyboardPay 自定义键盘支付
-                {
-                    "path" : "keyboardPay/index",
-                    "style" : {
-                        "navigationBarTitleText" : "keyboardPay 自定义键盘支付"
-                    }
-                },
-                // douyin 仿抖音
-                // {
-                // 	"path": "douyin/index",
-                // 	"style": {
-                // 		"navigationBarTitleText": "douyin 仿抖音"
-                // 	}
-                // },
-                // mallMenu商城分类
-                {
-                    "path" : "mallMenu/index2",
-                    "style" : {
-                        "navigationBarTitleText" : "mallMenu-商城分类"
-                    }
-                },
-                // mallMenu商城分类
-                {
-                    "path" : "mallMenu/index1",
-                    "style" : {
-                        "navigationBarTitleText" : "mallMenu-商城分类"
-                    }
-                },
-                // coupon优惠券
-                {
-                    "path" : "coupon/index",
-                    "style" : {
-                        "navigationBarTitleText" : "coupon-优惠券"
-                    }
-                },
-                {
-                    "path" : "login/index",
-                    "style" : {
-                        "navigationBarTitleText" : "美团登录"
-                    }
-                },
-                // 城市选择
-                {
-                    "path" : "citySelect/index",
-                    "style" : {
-                        "navigationBarTitleText" : "城市选择"
-                    }
-                },
-                // SubmitBar提交订单栏
-                {
-                    "path" : "submitBar/index",
-                    "style" : {
-                        "navigationBarTitleText" : "提交订单栏"
-                    }
-                },
-                // comment评论
-                {
-                    "path" : "comment/index",
-                    "style" : {
-                        "navigationBarTitleText" : "评论"
-                    }
-                },
-                // comment评论详情
-                {
-                    "path" : "comment/reply",
-                    "style" : {
-                        "navigationBarTitleText" : "评论详情"
-                    }
-                },
-                // order订单
-                {
-                    "path" : "order/index",
-                    "style" : {
-                        "navigationBarTitleText" : "订单"
-                    }
-                },
-                // login登录获取验证码
-                {
-                    "path" : "login/code",
-                    "style" : {
-                        "navigationBarTitleText" : "登录获取验证码"
-                    }
-                },
-                // address用户地址
-                {
-                    "path" : "address/index",
-                    "style" : {
-                        "navigationBarTitleText" : "用户地址"
-                    }
-                },
-                // address添加用户地址
-                {
-                    "path" : "address/addSite",
-                    "style" : {
-                        "navigationBarTitleText" : "添加用户地址"
-                    }
-                }
-            ]
-        }
-    ],
-    "preloadRule" : {
-        "pages/example/components" : {
-            "network" : "all",
-            "packages" : [ "pages/componentsA", "pages/componentsB" ]
+          "path": "device/detail",
+          "style": {
+            "navigationBarTitleText": "详细信息"
+          }
         }
-    },
-    "globalStyle" : {
-        "navigationBarTextStyle" : "black",
-        "navigationBarTitleText" : "uview-plus",
-        "navigationBarBackgroundColor" : "#FFFFFF",
-        "backgroundColor" : "#FFFFFF"
-    },
-    "tabBar" : {
-        "color" : "#cccccc",
-        "selectedColor" : "#005ce6",
-        "backgroundColor" : "#ffffff",
-        "borderStyle" : "black",
-        "list" : [
-            {
-                "pagePath" : "pages/example/components",
-                "iconPath" : "static/uview/example/component.png",
-                "selectedIconPath" : "static/uview/example/component_select.png",
-                "text" : "工作台"
-            },{
-                "pagePath" : "pages/example/components",
-                "iconPath" : "static/uview/example/component.png",
-                "selectedIconPath" : "static/uview/example/component_select.png",
-                "text" : "我的"
-            }
-        ]
+      ]
     }
+  ],
+  "preloadRule": {
+    //    "pages/example/components": {
+    //      "network": "all",
+    //      "packages": [
+    //        "pages/componentsA",
+    //        "pages/componentsB"
+    //      ]
+    //    }
+  },
+  "globalStyle": {
+    "navigationBarTextStyle": "white",
+    "navigationBarTitleText": "uview-plus",
+    "navigationBarBackgroundColor": "#0079fe",
+    "backgroundColor": "#f5f5f5"
+  },
+  "tabBar": {
+    "color": "#cccccc",
+    "selectedColor": "#005ce6",
+    "backgroundColor": "#ffffff",
+    "list": [
+      {
+        "pagePath": "pages/workbench/index",
+        "iconPath": "static/aiot/normal_u55.png",
+        "selectedIconPath": "static/aiot/normal_u74.png",
+        "text": "工作台"
+      },
+      {
+        "pagePath": "pages/my/index",
+        "iconPath": "static/aiot/my_unselect.png",
+        "selectedIconPath": "static/aiot/my_select.png",
+        "text": "我的"
+      }
+    ]
+  }
 }

src/pages/componentsA/backtop/backtop.nvue

@@ -1,132 +0,0 @@
-<template>
-	<view
-	    class="u-page"
-	    ref="u-back-top"
-	>
-	<view class="u-demo-block">
-		<text class="u-demo-block__title">自定义backTop(滚动页面即可在右下角看到图标)</text>
-		<view class="u-demo-block__content">
-			<view class="u-page__backTop-item">
-				<up-checkbox-group
-				    placement="column"
-					shape="square"
-				    @change="checkboxChange"
-					v-model="value"
-				>
-					<up-checkbox
-					    :customStyle="{marginBottom: '8px'}"
-					    v-for="(item, index) in checkboxList"
-					    :key="index"
-					    :label="item.name"
-					    :name="item.name"
-					>
-					</up-checkbox>
-				</up-checkbox-group>
-			</view>
-		</view>
-	</view>
-		<up-back-top
-		    :right="backTopData.right"
-		    :customStyle="backTopData.customStyle"
-		    :bottom="backTopData.bottom"
-		    :icon="backTopData.icon"
-		    :mode="backTopData.mode"
-		    :iconStyle="backTopData.iconStyle"
-			:duration="backTopData.duration"
-		    :scrollTop="scrollTop"
-			@click="click"
-		></up-back-top>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				value: ['自定义图标'],
-				backTopData: {
-					mode: 'circle',
-					icon: 'arrow-upward',
-					bottom: 100,
-					customStyle: {},
-					iconStyle: {},
-					right:20,
-					duration: 300
-				},
-				scrollTop: 0,
-				// 被自定义的样式
-				checkboxList: [{
-						name: '显示方形',
-					},
-					{
-						name: '自定义图标',
-					},
-					{
-						name: '自定义距离',
-					},
-					{
-						name: '自定义样式',
-					},
-					{
-						name:'自定义返回顶部滚动时间',
-					}
-				]
-			}
-		},
-		onLoad() {
-			// 演示中默认勾选了自定义图标
-			this.backTopData.icon = "arrow-up"
-		},
-		onPageScroll(e) {
-			this.scrollTop = e.scrollTop;
-		},
-		methods: {
-			checkboxChange(n) {
-				if (n.includes('显示方形')) {
-					this.backTopData.mode = 'square'
-				} else {
-					this.backTopData.mode = "circle"
-				}
-				if (n.includes('自定义图标')) {
-					this.backTopData.icon = "arrow-up"
-				} else {
-					this.backTopData.icon = "arrow-upward"
-				}
-				if (n.includes('自定义距离')) {
-					this.backTopData.bottom = 300
-					this.backTopData.right=20
-				} else {
-					this.backTopData.bottom = 100
-				}
-				if (n.includes('自定义样式')) {
-					this.backTopData.customStyle = {
-						backgroundColor: '#2979ff',
-					}
-					this.backTopData.iconStyle = {
-						color: '#ffffff'
-					}
-				} else {
-					this.backTopData.customStyle = {}
-					this.backTopData.iconStyle = {}
-				}
-				if (n.includes('自定义返回顶部滚动时间')) {
-					this.backTopData.duration =1500 
-				} else {
-					this.backTopData.duration =300
-				}
-			},
-			click() {
-				console.log('click');
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.u-page {
-		height: 1200px;
-		&__backTop-item{
-			margin-top:10px;
-		}
-	}
-</style>

src/pages/componentsA/button/button.nvue

@@ -1,343 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">按钮类型</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__button-item">
-					<up-button
-					    text="默认按钮"
-					    size="normal"
-					    type="info"
-						@click="click"
-					></up-button>
-				</view>
-				<view class="u-page__button-item">
-					<up-button
-					    text="成功按钮"
-					    size="normal"
-					    type="success"
-					></up-button>
-				</view>
-				<view class="u-page__button-item">
-					<up-button
-					    text="危险按钮"
-					    size="normal"
-					    type="error"
-					></up-button>
-				</view>
-				<view class="u-page__button-item">
-					<up-button
-					    text="主要按钮"
-					    size="normal"
-					    type="primary"
-					></up-button>
-				</view>
-				<view class="u-page__button-item">
-					<up-button
-					    text="警告按钮"
-					    size="normal"
-					    type="warning"
-					></up-button>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">镂空按钮</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__button-item">
-					<up-button
-					    text="镂空按钮"
-					    size="normal"
-					    type="info"
-					    plain
-					></up-button>
-				</view>
-				<view class="u-page__button-item">
-					<up-button
-					    text="镂空按钮"
-					    size="normal"
-					    type="success"
-					    plain
-					></up-button>
-				</view>
-				<view class="u-page__button-item">
-					<up-button
-					    text="镂空按钮"
-					    size="normal"
-					    type="error"
-					    plain
-					></up-button>
-				</view>
-				<view class="u-page__button-item">
-					<up-button
-					    text="镂空按钮"
-					    size="normal"
-					    type="primary"
-					    plain
-					></up-button>
-				</view>
-				<view class="u-page__button-item">
-					<up-button
-					    text="镂空按钮"
-					    size="normal"
-					    type="warning"
-					    plain
-					></up-button>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">细边按钮</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__button-item">
-					<up-button
-					    text="细边按钮"
-					    size="normal"
-					    type="info"
-					    plain
-					    hairline
-					></up-button>
-				</view>
-				<view class="u-page__button-item">
-					<up-button
-					    text="细边按钮"
-					    size="normal"
-					    type="success"
-					    plain
-					    hairline
-					></up-button>
-				</view>
-				<view class="u-page__button-item">
-					<up-button
-					    text="细边按钮"
-					    size="normal"
-					    type="error"
-					    plain
-					    hairline
-					></up-button>
-				</view>
-				<view class="u-page__button-item">
-					<up-button
-					    text="细边按钮"
-					    size="normal"
-					    type="primary"
-					    plain
-					    hairline
-					></up-button>
-				</view>
-				<view class="u-page__button-item">
-					<up-button
-					    text="细边按钮"
-					    size="normal"
-					    type="warning"
-					    plain
-					    hairline
-					></up-button>
-				</view>
-			</view>
-		</view>
-
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">禁用按钮</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__button-item">
-					<up-button
-					    disabled
-					    text="禁用按钮"
-					    size="normal"
-					    type="info"
-					></up-button>
-				</view>
-				<view class="u-page__button-item">
-					<up-button
-					    disabled
-					    text="禁用按钮"
-					    size="normal"
-					    type="success"
-					></up-button>
-				</view>
-				<view class="u-page__button-item">
-					<up-button
-					    disabled
-					    text="禁用按钮"
-					    size="normal"
-					    type="error"
-					></up-button>
-				</view>
-				<view class="u-page__button-item">
-					<up-button
-					    disabled
-					    text="禁用按钮"
-					    size="normal"
-					    type="primary"
-					></up-button>
-				</view>
-				<view class="u-page__button-item">
-					<up-button
-					    disabled
-					    text="禁用按钮"
-					    size="normal"
-					    type="warning"
-					></up-button>
-				</view>
-			</view>
-		</view>
-
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">加载中</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__button-item">
-					<up-button
-					    loadingText="加载中"
-					    size="normal"
-						loading
-					    loadingMode="circle"
-					    type="success"
-					></up-button>
-				</view>
-				<view class="u-page__button-item">
-					<up-button
-					    class="button-layout__item"
-					    loadingText="加载中"
-					    size="normal"
-					    loading
-					    type="error"
-					></up-button>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">按钮图标&按钮形状</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__button-item">
-					<up-button
-					    text="按钮图标"
-					    size="normal"
-					    icon="map"
-					    plain
-					    type="warning"
-					></up-button>
-				</view>
-				<view class="u-page__button-item">
-					<up-button
-					    text="按钮图标"
-					    size="normal"
-					    plain
-					    shape="circle"
-					    type="success"
-					></up-button>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义颜色</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__button-item">
-					<up-button
-					    text="渐变色按钮"
-					    size="normal"
-					    color="linear-gradient(to right, rgb(66, 83, 216), rgb(213, 51, 186))"
-					></up-button>
-				</view>
-				<view class="u-page__button-item">
-					<up-button
-					    text="渐变色按钮"
-					    size="normal"
-					    color="linear-gradient(to right, rgb(220, 194, 11), rgb(4, 151, 99))"
-					></up-button>
-				</view>
-				<view class="u-page__button-item">
-					<up-button
-					    text="青绿色按钮"
-					    size="normal"
-					    color="rgb(10, 185, 156)"
-					></up-button>
-				</view>
-			</view>
-		</view>
-
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义大小</text>
-			<view class="u-demo-block__content" style="padding-bottom: 15px; flex-direction: column;align-items: stretch;flex-wrap: nowrap;">
-				<up-button
-				    text="超大尺寸"
-				    size="large"
-				    type="success"
-				></up-button>
-			</view>
-			<view class="u-demo-block__content">
-				<view class="u-page__button-item">
-					<up-button
-					    text="普通尺寸"
-					    size="normal"
-					    type="error"
-					></up-button>
-				</view>
-				<view class="u-page__button-item">
-					<up-button
-					    text="小型尺寸"
-					    size="small"
-					    type="primary"
-					></up-button>
-				</view>
-				<view class="u-page__button-item">
-					<up-button
-					    class="button-layout__item"
-					    text="超小尺寸"
-					    size="mini"
-					    type="warning"
-					></up-button>
-				</view>
-			</view>
-		</view>
-		<up-action-sheet
-			v-model:show="show"
-			:actions="[{
-					name: '选项1',
-				},
-				{
-					name: '选项2',
-				}]"
-			:closeOnClickOverlay="false"
-		>
-		</up-action-sheet>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				show: false,
-				// type: 'default',
-				// disabled: false
-			}
-		},
-		onLoad() {
-			setTimeout(() => {
-				this.type = 'primary'
-				this.disabled = true
-			}, 2000)
-		},
-		methods: {
-			click() {
-				this.show = true;
-				console.log('click');
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.u-page {
-		&__button-item {
-			margin: 0 15px 15px 0;
-		}
-	}
-
-	.u-demo-block__content {
-		flex-direction: row;
-		flex-wrap: wrap;
-		align-items: center;
-	}
-</style>

src/pages/componentsA/cell/cell.nvue

@@ -1,213 +0,0 @@
-<template>
-	<view class="cell-page">
-		<view class="u-page__item">
-			<text class="u-page__item__title">基础功能</text>
-			<up-cell-group>
-				<up-cell
-				    title="uview-plus"
-				    value="内容"
-				    :isLink="true"
-				></up-cell>
-				<up-cell
-				    title="利剑出鞘,一统江湖"
-				    value="内容"
-				    label="挣脱束缚,向往自由"
-				></up-cell>
-			</up-cell-group>
-		</view>
-		<view class="u-page__item">
-			<text class="u-page__item__title">自定义图标/图片</text>
-			<up-cell-group>
-				<up-cell
-				    title="单元格"
-				    icon="lock-fill"
-				></up-cell>
-				<up-cell
-				    title="单元格"
-				    icon="https://cdn.uviewui.com/uview/example/tag.png"
-				></up-cell>
-			</up-cell-group>
-		</view>
-		<view class="u-page__item">
-			<text class="u-page__item__title">自定义大小</text>
-			<up-cell-group>
-				<up-cell
-				    size="large"
-				    title="单元格"
-				    value="内容"
-					isLink
-				></up-cell>
-				<up-cell
-				    size="large"
-				    title="单元格"
-				    value="内容"
-				    label="描述信息"
-				></up-cell>
-			</up-cell-group>
-		</view>
-		<view class="u-page__item">
-			<text class="u-page__item__title">显示右箭头</text>
-			<up-cell-group>
-				<up-cell
-					required
-				    title="单元格"
-				    value="组件"
-				    isLink
-				></up-cell>
-				<up-cell
-				    title="单元格"
-				    value="工具"
-				    arrow-direction="up"
-				    isLink
-				></up-cell>
-				<up-cell
-				    title="单元格"
-				    value="模板"
-				    arrow-direction="down"
-				    isLink
-				></up-cell>
-			</up-cell-group>
-		</view>
-		<view class="u-page__item">
-			<text class="u-page__item__title">跳转页面</text>
-			<up-cell-group>
-				<up-cell
-				    title="打开标签页"
-				    isLink
-				    url="/pages/componentsB/tag/tag"
-				></up-cell>
-				<up-cell
-				    title="打开徽标页"
-				    isLink
-				    url="/pages/componentsB/badge/badge"
-				></up-cell>
-			</up-cell-group>
-		</view>
-		<view class="u-page__item">
-			<text class="u-page__item__title">右侧内容垂直居中</text>
-			<up-cell-group>
-				<up-cell
-					required
-				    title="单元格"
-				    value="内容"
-				    label="描述信息"
-				    center
-				></up-cell>
-			</up-cell-group>
-		</view>
-		<view class="u-page__item">
-			<text class="u-page__item__title">自定义插槽</text>
-			<up-cell-group>
-				<up-cell value="内容">
-                    <template #title>
-                        <view
-					        class="u-slot-title"
-					    >
-                            <text class="u-cell-text">单元格</text>
-                            <up-tag
-                                text="标签"
-                                plain
-                                size="mini"
-                                type="warning"
-                            >
-                            </up-tag>
-                        </view>
-                    </template>
-				</up-cell>
-				<up-cell
-				    title="单元格"
-					isLink
-				>
-					<template #value>
-						<text
-						    class="u-slot-value"
-						>99</text>
-					</template>
-					<template #right-icon>
-						1
-					</template>
-				</up-cell>
-			</up-cell-group>
-		</view>
-		<up-gap height="30"></up-gap>
-	</view>
-</template>
-<script>
-	export default {
-		data() {
-			return {}
-		},
-		methods: {
-			click() {
-				console.log('Cell is clicked.');
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.cell-page {
-		padding-bottom: 20px;
-		background-color: #f3f4f6;
-	}
-
-	.cell-box {
-		&__title {
-			font-size: 14px;
-			color: rgb(143, 156, 162);
-			margin: 20px 0px 0px 15px;
-		}
-
-		&__block {
-			// background-color: #fff;
-			margin-top: 10px;
-		}
-	}
-
-	.u-page {
-		padding: 0;
-		&__item {
-			margin-bottom: 10px;
-
-			&__title {
-				color: $u-tips-color;
-				padding: 10px 15px;
-				margin-bottom: 0px;
-				font-size: 15px;
-
-				&__slot-title {
-					color: $u-primary;
-					font-size: 14px;
-				}
-			}
-
-			:deep(.u-cell-group) {
-				background-color: #fff;
-			}
-		}
-	}
-
-	.u-slot-title {
-		@include flex;
-		flex-direction: row;
-		align-items: center;
-	}
-
-	.u-cell-text {
-		font-size: 15px;
-		line-height: 22px;
-		color: #303133;
-		margin-right: 5px;
-	}
-
-	.u-slot-value {
-		line-height: 17px;
-		text-align: center;
-		font-size: 10px;
-		padding: 0 5px;
-		height: 17px;
-		color: #FFFFFF;
-		border-radius: 100px;
-		background-color: #f56c6c;		/* #ifndef APP-NVUE */		margin-left: auto;		/* #endif */
-	}
-</style>

src/pages/componentsA/checkbox/checkbox.nvue

@@ -1,330 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">基本案例</text>
-			<text class="u-block__title">苹果、香蕉和橙子哪个最甜？</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__checkbox-item">
-					<up-checkbox-group
-						v-model="checkboxValue1"
-						placement="column"
-						@change="checkboxChange"
-					>
-						<up-checkbox
-							:customStyle="{marginBottom: '8px'}"
-							v-for="(item, index) in checkboxList1"
-							:key="index"
-							:label="item.name"
-							:name="item.name"
-						>
-						</up-checkbox>
-					</up-checkbox-group>
-				</view>
-			</view>
-		</view>
		<view class="u-demo-block">
			<text class="u-demo-block__title">单独使用checkbox</text>
			<text class="u-block__title">是否同意用户协议？</text>
			<view class="u-demo-block__content">
				<view class="u-page__checkbox-item">
					<up-checkbox
						:customStyle="{marginBottom: '8px'}"
						label="同意用户协议与隐私条款"
						name="agree"
-						usedAlone
						v-model:checked="aloneChecked"
					>
					</up-checkbox>
					<up-button type="primary" size="small" style="width: 120px;"
						@click="changeAloneChecked" text="切换">{{aloneChecked}}</up-button>
				</view>
			</view>
		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义形状</text>
-			<text class="u-block__title">中国四大名著是？</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__checkbox-item">
-					<up-checkbox-group
-						v-model="checkboxValue2"
-						placement="column"
-						@change="checkboxChange"
-						shape="square"
-					>
-						<up-checkbox
-							:customStyle="{marginBottom: '8px'}"
-							v-for="(item, index) in checkboxList2"
-							:key="index"
-							:label="item.name"
-							:name="item.name"
-						>
-						</up-checkbox>
-					</up-checkbox-group>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">是否禁用</text>
-			<text class="u-block__title">下面什么东西不能吃？</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__checkbox-item">
-					<up-checkbox-group
-						v-model="checkboxValue3"
-						placement="column"
-						@change="checkboxChange"
-					>
-						<up-checkbox
-							:customStyle="{marginBottom: '8px'}"
-							v-for="(item, index) in checkboxList3"
-							:key="index"
-							:label="item.name"
-							:name="item.name"
-							:disabled="index===0"
-						>
-						</up-checkbox>
-					</up-checkbox-group>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">是否禁止点击提示语选中复选框</text>
-			<text class="u-block__title">北宋四大家是谁？</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__checkbox-item">
-					<up-checkbox-group
-						v-model="checkboxValue4"
-						placement="column"
-						@change="checkboxChange"
-						:labelDisabled="true"
-					>
-						<up-checkbox
-							:customStyle="{marginBottom: '8px'}"
-							v-for="(item, index) in checkboxList4"
-							:key="index"
-							:label="item.name"
-							:name="item.name"
-						>
-						</up-checkbox>
-					</up-checkbox-group>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义颜色</text>
-			<text class="u-block__title">哪个颜色最好看？</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__checkbox-item">
-					<up-checkbox-group
-						v-model="checkboxValue5"
-						placement="column"
-						@change="checkboxChange"
-						activeColor="#19be6b"
-					>
-						<up-checkbox
-							:customStyle="{marginBottom: '8px'}"
-							v-for="(item, index) in checkboxList5"
-							:key="index"
-							:label="item.name"
-							:name="item.name"
-						>
-						</up-checkbox>
-					</up-checkbox-group>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">横向排列形式</text>
-			<text class="u-block__title">什么东西不能飞？</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__checkbox-item">
-					<up-checkbox-group
-						v-model="checkboxValue6"
-						@change="checkboxChange"
-					>
-						<up-checkbox
-							:customStyle="{marginRight: '16px'}"
-							v-for="(item, index) in checkboxList6"
-							:key="index"
-							:label="item.name"
-							:name="item.name"
-						>
-						</up-checkbox>
-					</up-checkbox-group>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">横向两端排列形式</text>
-			<text class="u-block__title">什么东西不能吃？</text>
-			<view>
-				<view class="u-page__checkbox-item">
-					<up-checkbox-group
-						v-model="checkboxValue7"
-						@change="checkboxChange"
-						:borderBottom="true"
-						placement="column"
-						iconPlacement="right"
-					>
-						<up-checkbox
-							:customStyle="{marginBottom: '16px'}"
-							v-for="(item, index) in checkboxList7"
-							:key="index"
-							:label="item.name"
-							:name="item.name"
-						>
-						</up-checkbox>
-					</up-checkbox-group>
-				</view>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				// 基本案列数据
-				checkboxList1: [{
-						name: '苹果',
-						disabled: false
-					},
-					{
-						name: '香蕉',
-						disabled: false
-					},
-					{
-						name: '橙子',
-						disabled: false
-					}
-				],
				aloneChecked: false,
-				// u-checkbox-group的v-model绑定的值如果设置为某个checkbox的name，就会被默认选中
-				checkboxValue1: ['苹果', '橙子'],
-
-				// 自定义形状数据
-				checkboxList2: [{
-						name: '西游记',
-						disabled: false
-					},
-					{
-						name: '红楼梦',
-						disabled: false
-					},
-					{
-						name: '三国演义',
-						disabled: false
-					},
-					{
-						name: '水浒传',
-						disabled: false
-					}
-				],
-				// u-checkbox-group的v-model绑定的值如果设置为某个checkbox的name，就会被默认选中
-				checkboxValue2: ['西游记', '红楼梦', '三国演义', '水浒传'],
-
-				// 是否禁用数据
-				checkboxList3: [{
-						name: '冬瓜',
-						disabled: false
-					},
-					{
-						name: '西瓜',
-						disabled: false
-					},
-					{
-						name: '黄瓜',
-						disabled: false
-					},
-					{
-						name: '傻瓜',
-						disabled: false
-					}
-				],
-				// u-checkbox-group的v-model绑定的值如果设置为某个checkbox的name，就会被默认选中
-				checkboxValue3: ['傻瓜'],
-
-				// 是否禁止点击提示语选中复选框数据
-				checkboxList4: [{
-						name: '黄庭坚',
-						disabled: false
-					},
-					{
-						name: '欧阳修',
-						disabled: false
-					},
-					{
-						name: '苏小宝',
-						disabled: false
-					},
-					{
-						name: '王安石',
-						disabled: false
-					}
-				],
-				// u-checkbox-group的v-model绑定的值如果设置为某个checkbox的name，就会被默认选中
-				checkboxValue4: ['黄庭坚', '欧阳修', '王安石'],
-
-				//自定义颜色数据
-				checkboxList5: [{
-						name: '红色',
-						disabled: false
-					},
-					{
-						name: '黄色',
-						disabled: false
-					},
-					{
-						name: '绿色',
-						disabled: false
-					},
-					{
-						name: '蓝色',
-						disabled: false
-					}
-				],
-				// u-checkbox-group的v-model绑定的值如果设置为某个checkbox的name，就会被默认选中
-				checkboxValue5: ['绿色'],
-
-				//横向排列形式数据
-				checkboxList6: [{
-						name: '小鸟',
-						disabled: false
-					},
-					{
-						name: '游艇',
-						disabled: false
-					},
-					{
-						name: '轮船',
-						disabled: false
-					},
-					{
-						name: '飞机',
-						disabled: false
-					}
-				],
-				// u-checkbox-group的v-model绑定的值如果设置为某个checkbox的name，就会被默认选中
-				checkboxValue6: ['游艇', '轮船'],
-
-				//横向两端排列形式
-				checkboxList7: [{
-						name: '汽车',
-						disabled: false
-					},
-					{
-						name: '蒸汽机',
-						disabled: false
-					},
-					{
-						name: '猪肉',
-						disabled: false
-					},
-					{
-						name: '抄手',
-						disabled: false
-					}
-				],
-				// u-checkbox-group的v-model绑定的值如果设置为某个checkbox的name，就会被默认选中
-				checkboxValue7: ['汽车', '蒸汽机'],
-			}
-
-		},
-		watch: {
-			checkboxValue1(newValue, oldValue) {
-				// console.log('v-model', newValue);
-			}
-		},
-		methods: {
-			checkboxChange(n) {
-				// console.log('change', n);
-			},
			changeAloneChecked() {
				this.aloneChecked = !this.aloneChecked;
			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.u-page {}
-</style>

src/pages/componentsA/divider/divider.nvue

@@ -1,82 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">基本案例</text>
-			<view>
-				<up-divider text="分割线"></up-divider>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">是否虚线</text>
-			<view>
-			<up-divider
-			    text="分割线"
-			    :dashed="true"
-			></up-divider>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">是否细线</text>
-			<view>
-			<up-divider
-			    text="分割线"
-			    :hairline="true"
-			></up-divider>
-			</view>
-		</view>
- <view class="u-demo-block">
-			<text class="u-demo-block__title">是否以点代替文字</text>
-			<view>
-			<up-divider
-			    text="分割线"
-			    :dot="true"
-			></up-divider>
-			</view>
-		</view>
- <view class="u-demo-block">
-			<text class="u-demo-block__title">文本内容靠左</text>
-			<view>
-		<up-divider
-		    text="分割线"
-		    textPosition="left"
-		></up-divider>
-			</view>
-		</view>
- <view class="u-demo-block">
-			<text class="u-demo-block__title">文本内容靠右</text>
-			<view>
-		<up-divider
-		    text="分割线"
-		    textPosition="right"
-		></up-divider>
-			</view>
-		</view>
- <view class="u-demo-block">
-			<text class="u-demo-block__title">自定义文本颜色</text>
-			<view>
-		<up-divider
-		    text="分割线"
-		    textColor="#2979ff"
-			lineColor="#2979ff"
-		></up-divider>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-
-			}
-		},
-		methods: {
-
-		}
-	}
-</script>
-
-<style lang="scss">
-	.u-divider {}
-</style>

src/pages/componentsA/empty/empty.nvue

@@ -1,144 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-page__top-box">
-			<text class="u-demo-block__title">演示效果</text>
-		</view>
-		<up-empty
-			:mode="mode"
-			:icon="imgList[mode]"
-		>
-			<up-button
-				size="small"
-				type="primary"
-				:style="{marginTop:10+'px'}"
-				v-if="mode=='car'"
-				text="查看更多商品"
-			>
-			</up-button>
-		</up-empty>
-		<div class="empty-select">
-			<up-cell
-				:titleStyle="{fontWeight: 500}"
-				@click="openImg(item.imgName)"
-				:title="item.title"
-				v-for="(item, index) in list"
-				:key="index"
-				isLink
-			>
-				<template #icon>
-					<image
-						class="u-cell-icon"
-						:src="item.iconUrl"
-						mode="widthFix"
-					></image>
-				</template>
-			</up-cell>
-		</div>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			// 如果使用这些图片，请勿直接引入cdn.uviewui.com的资源，因为此资源路径随时会有变动
-			// 变动后，您将会访问图片失败，如有需要，您可以将这些图片上传到自己的oss或者服务器再使用
-			const baseUrl = 'http://cdn.uviewui.com/uview/empty/'
-			return {
-				mode: 'car',
-				imgList: {
-					car: baseUrl + 'car.png',
-					address: baseUrl + 'address.png',
-					comment: baseUrl + 'comment.png',
-					coupon: baseUrl + 'coupon.png',
-					data: baseUrl + 'data.png',
-					history: baseUrl + 'history.png',
-					list: baseUrl + 'list.png',
-					message: baseUrl + 'message.png',
-					news: baseUrl + 'news.png',
-					order: baseUrl + 'order.png',
-					page: baseUrl + 'page.png',
-					permission: baseUrl + 'permission.png',
-					search: baseUrl + 'search.png',
-					wifi: baseUrl + 'wifi.png',
-				},
-				list: [{
-						imgName: 'car',
-						title: '购物车为空(同时传入slot)',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/empty/car.png'
-					},
-					{
-						imgName: 'data',
-						title: '数据为空',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/empty/data.png'
-					}, {
-						imgName: 'comment',
-						title: '评论为空',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/empty/comment.png'
-					}, {
-						imgName: 'coupon',
-						title: '没有优惠券',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/empty/coupon.png'
-					}, {
-						imgName: 'history',
-						title: '无历史记录',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/empty/history.png'
-					}, {
-						imgName: 'list',
-						title: '列表为空',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/empty/list.png'
-					}, {
-						imgName: 'message',
-						title: '消息列表为空',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/empty/message.png'
-					}, {
-						imgName: 'news',
-						title: '无新闻列表',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/empty/news.png'
-					}, {
-						imgName: 'order',
-						title: '订单为空',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/empty/order.png'
-					}, {
-						imgName: 'page',
-						title: '页面不存在',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/empty/page.png'
-					}, {
-						imgName: 'permission',
-						title: '无权限',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/empty/permission.png'
-					}, {
-						imgName: 'search',
-						title: '没有搜索结果',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/empty/search.png'
-					}, {
-						imgName: 'wifi',
-						title: '没有WiFi',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/empty/wifi.png'
-					},
-				]
-
-			}
-		},
-		methods: {
-			//点击改变图片
-			openImg(imgName) {
-				// this.mode = this.imgList[imgName]
-				this.mode = imgName;
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.u-page {
-		padding: 40rpx 0px;
-
-		&__top-box {
-			padding-left: 40rpx;
-		}
-	}
-
-	.empty-select {
-		margin-top: 10px;
-	}
-</style>

src/pages/componentsA/gap/gap.nvue

@@ -1,42 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">基本案列</text>
-			<view class="u-page__gap-item">
-				<up-gap bgColor="#f3f4f6"></up-gap>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义颜色</text>
-			<view class="u-page__gap-item">
-				<up-gap bgColor="#2979ff"></up-gap>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义高度</text>
-			<view class="u-page__gap-item">
-				<up-gap bgColor="#f3f4f6" height="40"></up-gap>
-			</view>
-		</view>	
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义上下边距</text>
-			<view class="u-page__gap-item">
-			<up-gap
-				bgColor="#f3f4f6"
-			    marginTop="20"
-			    marginBottom="20"
-			></up-gap>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-
-	}
-</script>
-
-<style lang="scss">
-
-</style>

src/pages/componentsA/grid/grid.nvue

@@ -1,196 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">基本案例</text>
-			<view>
-				<up-grid
-					:border="false"
-					@click="click"
-					align="center"
-				>
-					<up-grid-item
-						v-for="(baseListItem,baseListIndex) in baseList"
-						@click="click('test')"
-						:key="baseListIndex"
-					>
-						<up-icon
-							:customStyle="{paddingTop:20+'rpx'}"
-							:name="baseListItem.name"
-							:size="22"
-						></up-icon>
-						<text class="grid-text">{{baseListItem.title}}</text>
-					</up-grid-item>
-				</up-grid>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">显示边框</text>
-			<view>
-				<up-grid :border="true">
-					<up-grid-item
-						v-for="(listItem,listIndex) in list"
-						:key="listIndex"
-						customStyle="padding-top: 10px; padding-bottom: 10px" 
-					>
-						<up-icon
-							:customStyle="{paddingTop:20+'rpx'}"
-							:name="listItem.name"
-							:size="22"
-						></up-icon>
-						<text class="grid-text">{{listItem.title}}</text>
-					</up-grid-item>
-				</up-grid>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">绑定点击事件&自定义列数</text>
-			<view>
-				<up-grid
-					:border="false"
-					col="4"
-				>
-					<up-grid-item
-						v-for="(listItem,listIndex) in list"
-						:key="listIndex"
-						customStyle="padding-top: 10px; padding-bottom: 10px"
-					>
-						<up-icon
-							:customStyle="{paddingTop:20+'rpx'}"
-							:name="listItem.name"
-							:size="22"
-						></up-icon>
-						<text class="grid-text">{{listItem.title}}</text>
-					</up-grid-item>
-				</up-grid>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">可滑动</text>
-			<view>
-				<swiper
-					:indicator-dots="true"
-					class="swiper"
-				>
-					<swiper-item>
-						<up-grid :border="true">
-							<up-grid-item
-								v-for="(item, index) in swiperList"
-								:index="index"
-								:key="index"
-							>
-								<up-icon
-									:customStyle="{paddingTop:20+'rpx'}"
-									:name="item"
-									:size="22"
-								></up-icon>
-								<text class="grid-text">{{ '宫格' + (index + 1) }}</text>
-							</up-grid-item>
-						</up-grid>
-					</swiper-item>
-					<swiper-item>
-						<up-grid :border="true">
-							<up-grid-item
-								v-for="(item, index) in swiperList"
-								:index="index + 9"
-								:key="index"
-							>
-								<up-icon
-									:customStyle="{paddingTop:20+'rpx'}"
-									:name="item"
-									:size="22"
-								></up-icon>
-								<text class="grid-text">{{ '宫格' + (index + 1) }}</text>
-							</up-grid-item>
-						</up-grid>
-					</swiper-item>
-					<swiper-item>
-						<up-grid :border="true">
-							<up-grid-item
-								v-for="(item, index) in swiperList"
-								:index="index + 18"
-								:key="index"
-							>
-								<up-icon
-									:customStyle="{paddingTop:20+'rpx'}"
-									:name="item"
-									:size="22"
-								></up-icon>
-								<text class="grid-text">{{ "宫格" + (index + 1) }}</text>
-							</up-grid-item>
-						</up-grid>
-					</swiper-item>
-				</swiper>
-			</view>
-		</view>
-		<up-toast ref="uToastRef" />
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				baseList: [{
-						name: 'photo',
-						title: '图片'
-					},
-					{
-						name: 'lock',
-						title: '锁头'
-					},
-					// {
-					// 	name: 'star',
-					// 	title: '星星'
-					// },
-				],
-				list: [{
-						name: 'photo',
-						title: '图片'
-					},
-					{
-						name: 'lock',
-						title: '锁头'
-					},
-					{
-						name: 'star',
-						title: '星星'
-					},
-					{
-						name: 'hourglass',
-						title: '沙漏'
-					},
-					{
-						name: 'home',
-						title: '首页'
-					},
-					{
-						name: 'volume',
-						title: '音量'
-					},
-				],
-				swiperList: ['integral', 'kefu-ermai', 'coupon', 'gift', 'scan', 'pause-circle', 'wifi', 'email', 'list'],
-			}
-		},
-		methods: {
-			click(name) {
-				console.log(name)
-				this.$refs.uToastRef.success(`点击了第${name}个`)
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.swiper {
-		height: 220px;
-	}
-
-	.grid-text {
-		font-size: 14px;
-		color: #909399;
-		padding: 10rpx 0 20rpx 0rpx;
-		/* #ifndef APP-PLUS */
-		box-sizing: border-box;
-		/* #endif */
-	}
-</style>

src/pages/componentsA/icon/icon.nvue

@@ -1,669 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-border-left u-border-top u-page__grid">
-			<view
-			    @tap="selectIcon(item.name)"
-			    class="u-page__grid__item u-border-bottom u-border-right"
-			    v-for="(item, index) in iconList"
-			    :key="index"
-			>
-				<view class="u-page__grid__item__icon">
-					<up-icon
-						stop
-					    :name="item.name"
-					    size="30"
-					    color="#909399"
-						@click="test"
-					></up-icon>
-				</view>
-				<text class="u-page__grid__item__text">{{item.name}}</text>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				iconList: [{
-						name: 'level'
-					},
-					{
-						name: 'woman'
-					},
-					{
-						name: 'man'
-					},
-					{
-						name: 'arrow-left-double'
-					},
-					{
-						name: 'arrow-right-double'
-					},
-					{
-						name: 'chat'
-					},
-					{
-						name: 'chat-fill'
-					},
-					{
-						name: 'red-packet'
-					},
-					{
-						name: 'red-packet-fill'
-					},
-					{
-						name: 'order'
-					},
-					{
-						name: 'checkbox-mark'
-					},
-					{
-						name: 'arrow-up-fill'
-					},
-					{
-						name: 'arrow-down-fill'
-					},
-					{
-						name: 'backspace'
-					},
-					{
-						name: 'photo'
-					},
-					{
-						name: 'photo-fill'
-					},
-					{
-						name: 'lock'
-					},
-					{
-						name: 'lock-fill'
-					},
-					{
-						name: 'lock-open'
-					},
-					{
-						name: 'lock-opened-fill'
-					},
-					{
-						name: 'hourglass'
-					},
-					{
-						name: 'hourglass-half-fill'
-					},
-					{
-						name: 'home'
-					},
-					{
-						name: 'home-fill'
-					},
-					{
-						name: 'fingerprint'
-					},
-					{
-						name: 'cut'
-					},
-					{
-						name: 'star'
-					},
-					{
-						name: 'star-fill'
-					},
-					{
-						name: 'share'
-					},
-					{
-						name: 'share-fill'
-					},
-					{
-						name: 'volume'
-					},
-					{
-						name: 'volume-fill'
-					},
-					{
-						name: 'volume-off'
-					},
-					{
-						name: 'volume-off-fill'
-					},
-					{
-						name: 'trash'
-					},
-					{
-						name: 'trash-fill'
-					},
-					{
-						name: 'rewind-right'
-					},
-					{
-						name: 'rewind-right-fill'
-					},
-					{
-						name: 'rewind-left'
-					},
-					{
-						name: 'rewind-left-fill'
-					},
-					{
-						name: 'shopping-cart'
-					},
-					{
-						name: 'shopping-cart-fill'
-					},
-					{
-						name: 'question'
-					},
-					{
-						name: 'question-circle'
-					},
-					{
-						name: 'question-circle-fill'
-					},
-					{
-						name: 'plus'
-					},
-					{
-						name: 'plus-circle'
-					},
-					{
-						name: 'plus-circle-fill'
-					},
-					{
-						name: 'tags'
-					},
-					{
-						name: 'tags-fill'
-					},
-					{
-						name: 'pause'
-					},
-					{
-						name: 'pause-circle'
-					},
-					{
-						name: 'pause-circle-fill'
-					},
-					{
-						name: 'play-circle'
-					},
-					{
-						name: 'play-circle-fill'
-					},
-					{
-						name: 'map'
-					},
-					{
-						name: 'map-fill'
-					},
-					{
-						name: 'phone'
-					},
-					{
-						name: 'phone-fill'
-					},
-					{
-						name: 'list'
-					},
-					{
-						name: 'list-dot'
-					},
-					{
-						name: 'man-delete'
-					},
-					{
-						name: 'man-add'
-					},
-					{
-						name: 'man-add-fill'
-					},
-					{
-						name: 'person-delete-fill'
-					},
-					{
-						name: 'info'
-					},
-					{
-						name: 'info-circle'
-					},
-					{
-						name: 'info-circle-fill'
-					},
-					{
-						name: 'minus'
-					},
-					{
-						name: 'minus-circle'
-					},
-					{
-						name: 'minus-circle-fill'
-					},
-					{
-						name: 'mic'
-					},
-					{
-						name: 'mic-off'
-					},
-					{
-						name: 'grid'
-					},
-					{
-						name: 'grid-fill'
-					},
-					{
-						name: 'eye'
-					},
-					{
-						name: 'eye-fill'
-					},
-					{
-						name: 'eye-off'
-					},
-					{
-						name: 'file-text'
-					},
-					{
-						name: 'file-text-fill'
-					},
-					{
-						name: 'edit-pen'
-					},
-					{
-						name: 'edit-pen-fill'
-					},
-					{
-						name: 'email'
-					},
-					{
-						name: 'email-fill'
-					},
-					{
-						name: 'download'
-					},
-					{
-						name: 'checkmark'
-					},
-					{
-						name: 'checkmark-circle'
-					},
-					{
-						name: 'checkmark-circle-fill'
-					},
-					{
-						name: 'clock'
-					},
-					{
-						name: 'clock-fill'
-					},
-					{
-						name: 'close'
-					},
-					{
-						name: 'close-circle'
-					},
-					{
-						name: 'close-circle-fill'
-					},
-					{
-						name: 'calendar'
-					},
-					{
-						name: 'calendar-fill'
-					},
-					{
-						name: 'car'
-					},
-					{
-						name: 'car-fill'
-					},
-					{
-						name: 'bell'
-					},
-					{
-						name: 'bell-fill'
-					},
-					{
-						name: 'bookmark'
-					},
-					{
-						name: 'bookmark-fill'
-					},
-					{
-						name: 'attach'
-					},
-					{
-						name: 'play-right'
-					},
-					{
-						name: 'play-right-fill'
-					},
-					{
-						name: 'play-left'
-					},
-					{
-						name: 'play-left-fill'
-					},
-					{
-						name: 'error'
-					},
-					{
-						name: 'error-circle'
-					},
-					{
-						name: 'error-circle-fill'
-					},
-					{
-						name: 'wifi'
-					},
-					{
-						name: 'wifi-off'
-					},
-					{
-						name: 'skip-back-left'
-					},
-					{
-						name: 'skip-forward-right'
-					},
-					{
-						name: 'search'
-					},
-					{
-						name: 'setting'
-					},
-					{
-						name: 'setting-fill'
-					},
-					{
-						name: 'more-dot-fill'
-					},
-					{
-						name: 'more-circle'
-					},
-					{
-						name: 'more-circle-fill'
-					},
-					{
-						name: 'bag'
-					},
-					{
-						name: 'bag-fill'
-					},
-					{
-						name: 'arrow-upward'
-					},
-					{
-						name: 'arrow-downward'
-					},
-					{
-						name: 'arrow-leftward'
-					},
-					{
-						name: 'arrow-rightward'
-					},
-					{
-						name: 'arrow-up'
-					},
-					{
-						name: 'arrow-down'
-					},
-					{
-						name: 'arrow-left'
-					},
-					{
-						name: 'arrow-right'
-					},
-					{
-						name: 'rmb'
-					},
-					{
-						name: 'rmb-circle'
-					},
-					{
-						name: 'rmb-circle-fill'
-					},
-					{
-						name: 'thumb-up'
-					},
-					{
-						name: 'thumb-up-fill'
-					},
-					{
-						name: 'thumb-down'
-					},
-					{
-						name: 'thumb-down-fill'
-					},
-					{
-						name: 'coupon'
-					},
-					{
-						name: 'coupon-fill'
-					},
-					{
-						name: 'kefu-ermai'
-					},
-					{
-						name: 'server-fill'
-					},
-					{
-						name: 'server-man'
-					},
-					{
-						name: 'scan'
-					},
-					{
-						name: 'warning'
-					},
-					{
-						name: 'warning-fill'
-					},
-					{
-						name: 'google'
-					},
-					{
-						name: 'google-circle-fill'
-					},
-					{
-						name: 'chrome-circle-fill'
-					},
-					{
-						name: 'ie'
-					},
-					{
-						name: 'IE-circle-fill'
-					},
-					{
-						name: 'github-circle-fill'
-					},
-					{
-						name: 'android-fill'
-					},
-					{
-						name: 'android-circle-fill'
-					},
-					{
-						name: 'apple-fill'
-					},
-					{
-						name: 'camera'
-					},
-					{
-						name: 'camera-fill'
-					},
-					{
-						name: 'pushpin'
-					},
-					{
-						name: 'pushpin-fill'
-					},
-					{
-						name: 'minus-square-fill'
-					},
-					{
-						name: 'plus-square-fill'
-					},
-					{
-						name: 'heart'
-					},
-					{
-						name: 'heart-fill'
-					},
-					{
-						name: 'reload'
-					},
-					{
-						name: 'account'
-					},
-					{
-						name: 'account-fill'
-					},
-					{
-						name: 'minus-people-fill'
-					},
-					{
-						name: 'plus-people-fill'
-					},
-					{
-						name: 'integral'
-					},
-					{
-						name: 'integral-fill'
-					},
-					{
-						name: 'zhihu'
-					},
-					{
-						name: 'zhihu-circle-fill'
-					},
-					{
-						name: 'gift'
-					},
-					{
-						name: 'gift-fill'
-					},
-					{
-						name: 'zhifubao'
-					},
-					{
-						name: 'zhifubao-circle-fill'
-					},
-					{
-						name: 'weixin-fill'
-					},
-					{
-						name: 'weixin-circle-fill'
-					},
-					{
-						name: 'twitter'
-					},
-					{
-						name: 'twitter-circle-fill'
-					},
-					{
-						name: 'taobao'
-					},
-					{
-						name: 'taobao-circle-fill'
-					},
-					{
-						name: 'weibo'
-					},
-					{
-						name: 'weibo-circle-fill'
-					},
-					{
-						name: 'qq-fill'
-					},
-					{
-						name: 'qq-circle-fill'
-					},
-					{
-						name: 'moments'
-					},
-					{
-						name: 'moments-circel-fill'
-					},
-					{
-						name: 'qzone'
-					},
-					{
-						name: 'qzone-circle-fill'
-					},
-					{
-						name: 'facebook'
-					},
-					{
-						name: 'facebook-circle-fill'
-					},
-					{
-						name: 'baidu'
-					},
-					{
-						name: 'baidu-circle-fill'
-					},
-					{
-						name: 'share-square'
-					},
-				]
-			};
-		},
-		methods: {
-			test() {
-				console.log('test')
-			},
-			selectIcon(name) {
-				// #ifdef H5
-				return uni.$u.toast('H5暂不支持复制');
-				// #endif
-				uni.setClipboardData({
-					data: name,
-					success: () => {
-
-					}
-				});
-				uni.hideToast()
-				uni.$u.toast('图标名称已复制');
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.u-page {
-		padding: 14rpx;
-
-		&__grid {
-			@include flex(row);
-			flex-wrap: wrap;
-
-			&__item {
-				@include flex(column);
-				align-items: center;
-				justify-content: center;
-				height: 240rpx;
-				width: 240rpx;
-				padding: 0 5px;
-				
-				&__icon {
-					height: 130rpx;
-					/* #ifndef APP-NVUE */
-					display: flex;
-					/* #endif */
-					flex-direction: row;
-					align-items: flex-end;
-				}
-				
-				&__text {
-					color: $u-tips-color;
-					/* #ifndef APP-NVUE */
-					word-wrap: break-word;
-					word-break: break-all;
-					/* #endif */
-					font-size: 14px;
-					height: 110rpx;
-				}
-			}
-		}
-	}
-</style>

src/pages/componentsA/image/image.nvue

@@ -1,99 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">基本案例</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__image-item">
-					 <up-image
-					     :showLoading="true"
-					     :src="src"
-					     width="80px"
-					     height="80px"
-						 @click="click"
-					 ></up-image>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义形状</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__image-item">
-					<up-image
-					    shape="circle"
-					    :src="src"
-					    width="80px"
-					    height="80px"
-					></up-image>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义圆角</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__image-item">
-					<up-image
-					    radius="4"
-					    :src="src"
-					    width="80px"
-					    height="80px"
-					></up-image>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">图片模式(widthFix)</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__image-item">
-					<up-image
-					    :src="src"
-					    width="80px"
-					    height="80px"
-						mode="widthFix"
-					></up-image>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义图片加载插槽</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__image-item">
-					<up-image
-					    :src="src1"
-					    width="80px"
-					    height="80px"
-						mode="widthFix"
-					>
-						<template v-slot:loading>
-							<up-loading-icon color="red"></up-loading-icon>
-						</template>
-					</up-image>
-				</view>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				src: 'https://cdn.uviewui.com/uview/album/1.jpg',
-				src1:''
-			}
-		},
-		onLoad() {
-			setTimeout(()=>{
-				this.src1 = this.src
-			},3000)
-		},
-		methods: {
-			click() {
-				console.log('click');
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	 
-</style>

src/pages/componentsA/lazyLoad/lazyLoad.nvue

@@ -1,258 +0,0 @@
-<template>
-    <view class="wrap">
-        <view class="item-warp">
-            <view class="item" v-for="(item, index) in list" :key="index">
-                <up-lazy-load threshold="-450" height="100px" img-mode="aspectFill" border-radius="10" :image="item.src"
-                    :index="index" @statusChange="statusChange" @clickImg="clickImg"></up-lazy-load>
-            </view>
-        </view>
-        <up-loadmore :status="status" @loadmore="getData"></up-loadmore>
-    </view>
-</template>
-
-<script>
-    import {
-        random
-    } from '@/uni_modules/uview-plus';
-    export default {
-        data() {
-            return {
-                list: [],
-                status: 'loadmore',
-                data: [{
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper1.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper2.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper3.png",
-                    },
-                    {
-                        // 这里会加载失败，显示错误的占位图
-                        src: "error.jpg",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper1.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper2.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper3.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper1.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper2.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper3.png",
-                    },
-                    {
-                        // 这里会加载失败，显示错误的占位图
-                        src: "error.jpg",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper1.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper2.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper3.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper1.pngg",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper2.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper3.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper1.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper2.png",
-                    },
-                    {
-                        // 这里会加载失败，显示错误的占位图
-                        src: "error.jpg",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper1.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper2.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper3.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper1.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper2.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper3.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper1.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper2.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper3.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper1.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper2.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper3.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper1.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper2.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper3.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper1.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper2.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper3.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper1.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper2.png",
-                    },
-                    {
-                        // 这里会加载失败，显示错误的占位图
-                        src: "error.jpg",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper1.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper2.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper3.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper1.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper2.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper3.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper1.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper2.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper3.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper1.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper2.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper3.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper1.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper2.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper3.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper1.png",
-                    },
-                    {
-                        src: "https://uview-plus.jiangruyi.com/uview/swiper/swiper2.png",
-                    },
-                    {
-                        // 这里会加载失败，显示错误的占位图
-                        src: "error.jpg",
-                    }
-                ]
-            }
-        },
-        onLoad() {
-            this.getData();
-        },
-        onReachBottom() {
-            this.getData();
-        },
-        methods: {
-            statusChange(status) {
-                //console.log(status);
-            },
-            clickImg(img) {
-                //console.log(img);
-            },
-            getData() {
-                let index = 0;
-                this.status = 'loading';
-                setTimeout(() => {
-                    for (let i = 0; i < 10; i++) {
-                        index = random(0, this.data.length - 1);
-                        this.list.push({
-                            src: this.data[index].src
-                        })
-                    }
-                    this.status = 'loadmore';
-                }, 1500);
-            }
-        },
-    }
-</script>
-
-<style lang="scss" scoped>
-    .wrap {
-        padding: 30rpx;
-        display: flex;
-		flex-direction: column;
-    }
-
-    .item-warp {
-        display: flex;
-        flex-direction: row;
-        justify-content: space-between;
-        flex-wrap: wrap;
-    }
-
-    .item-warp .item {
-        width: 700rpx;
-        height: 200rpx;
-        margin-bottom: 20rpx;
-        border-radius: 10rpx;
-        overflow: hidden;
-    }
-</style>

src/pages/componentsA/line/line.nvue

@@ -1,74 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">基本案例</text>
-				<view class="u-page__line-item">
-					<up-line></up-line>
-				</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义颜色</text>
-				<view class="u-page__line-item">
-					<up-line color="#2979ff"></up-line>
-				</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义长度</text>
-				<view class="u-page__line-item">
-					<up-line length="200"></up-line>
-				</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义方向</text>
-				<view class="u-page__line-item">
-					<up-line
-					    length="30"
-					    color="#2979ff"
-					    direction="col"
-					></up-line>
-				</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">是否显示1px粗线条</text>
-				<view class="u-page__line-item">
-					<up-line :hairline="false"></up-line>
-				</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">线条与上下左右元素的间距</text>
-				<view class="u-page__line-item">
-						<up-line margin="20"></up-line>
-				</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">是否虚线</text>
-				<view class="u-page__line-item">
-					<up-line
-					    color="#2979ff"
-					    :dashed="true"
-					></up-line>
-				</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-
-			}
-		},
-		methods: {
-
-		}
-	}
-</script>
-
-<style lang="scss">
-.u-page{
-	&__line-item{
-		 margin-top:5px;
-	}
-}
-</style>

src/pages/componentsA/link/link.nvue

@@ -1,75 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">基本案例</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__link-item">
-					<up-link
-					    href="https://uview-plus.jiangruyi.com/"
-					    text="打开uview-plus文档"
-						@click="click"
-					></up-link>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">显示下划线</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__link-item">
-					<up-link
-					    href="https://uview-plus.jiangruyi.com/"
-					    :underLine="true"
-					    text="Go to uview-plus doc"
-					></up-link>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义颜色</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__link-item">
-					<up-link
-					    href="https://uview-plus.jiangruyi.com/"
-					    lineColor="#19be6b"
-					    color="#19be6b"
-					    text="打开uview-plus文档"
-					></up-link>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义链接内容</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__link-item">
-					<up-link
-					    href="https://uniapp.dcloud.io/"
-					    text="打开uni-app文档"
-					></up-link>
-				</view>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-
-			}
-		},
-		methods: {
-			click() {
-				console.log('click');
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.u-page {
-		&__link-item {
-			margin-top: 5px;
-		}
-	}
-</style>

src/pages/componentsA/loading-icon/loading-icon.nvue

@@ -1,79 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">基本案列</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__loading-item">
-					<up-loading-icon></up-loading-icon>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">半圆loading</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__loading-item">
-					<up-loading-icon mode="semicircle"></up-loading-icon>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">圆形loading</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__loading-item">
-					<up-loading-icon mode="circle"></up-loading-icon>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义动画</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__loading-item">
-					<up-loading-icon mode="circle" timingFunction="linear"></up-loading-icon>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义颜色</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__loading-item">
-					<up-loading-icon color="#19be6b"></up-loading-icon>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义文字</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__loading-item">
-					<up-loading-icon
-					    :vertical="true"
-					    text="加载中"
-					></up-loading-icon>
-				</view>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.u-page {
-		&__loading-item {
-			margin-top: 5px;
-		}
-	}
-
-	.u-demo-block__content {
-		flex-direction: row;
-		flex-wrap: wrap;
-		align-items: center;
-	}
-</style>

src/pages/componentsA/loading-page/loading-page.nvue

@@ -1,133 +0,0 @@
-<template>
-	<view class="u-page">
-		<up-navbar
-			title="加载页"
-			@leftClick="navigateBack"
-			safeAreaInsetTop
-			fixed
-			placeholder
-		></up-navbar>
-		<up-gap
-		    bgColor="#fff"
-		    height="20"
-		></up-gap>
-		<up-cell-group>
-			<up-cell
-			    :titleStyle="{fontWeight: 500}"
-			    @click="openLoadingPage(index)"
-			    :title="item.title"
-			    v-for="(item, index) in list"
-			    :key="index"
-			    isLink
-			>
-				<template #icon>
-					<image
-						class="u-cell-icon"
-						:src="item.iconUrl"
-						mode="widthFix"
-					></image>
-				</template>
-			</up-cell>
-		</up-cell-group>
-		<up-loading-page
-		    :loadingText="loadingPageData.loadingText"
-		    :image="loadingPageData.image"
-			:iconSize="loadingPageData.iconSize"
-		    :loadingMode="loadingPageData.loadingMode"
-		    :bgColor="loadingPageData.bgColor"
-		    :loading="loading"
-		    :color="loadingPageData.color"
-		    :loadingColor="loadingPageData.loadingColor"
-		>
-		</up-loading-page>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				loading: false,
-				loadingPageData: {
-					// 自定义提示内容
-					loadingText: '',
-					// 自定义图片
-					image: '',
-					// 自定义加载动画模式
-					loadingMode: '',
-					// 自定义背景色
-					bgColor: '#ffffff',
-				},
-				list: [{
-						title: '自定义提示内容',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/loading-page/promptContent.png',
-					},
-					{
-						title: '自定义图片',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/loading-page/customPicture.png',
-					},
-					{
-						title: '自定义加载动画模式',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/loading-page/customMode.png',
-					},
-					{
-						title: '自定义背景色',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/loading-page/customBgColor.png',
-
-					},
-				]
-			}
-		},
-		methods: {
-			navigateBack() {
-				uni.navigateBack()
-			},
-			openLoadingPage(indexNum) {
-				this.loadingPageData = {
-					loadingText: '',
-					image: '',
-					loadingMode: '',
-					bgColor: '#ffffff',
-					iconSize: 28
-				}
-				if (indexNum == 0) {
-					//自定义提示内容
-					this.loadingPageData.loadingMode = 'semicircle'
-					this.loadingPageData.loadingText = "Hello uview-plus"
-					this.loadingPageData.color = '#C8C8C8'
-					this.loadingPageData.loadingColor = '#C8C8C8'
-				} else if (indexNum == 1) {
-					// 自定义图片
-					this.loadingPageData.image = "/static/uview/common/logo.png"
-					this.loadingPageData.loadingText = "uview-plus"
-					this.loadingPageData.iconSize = 40
-					this.loadingPageData.color = '#C8C8C8'
-					this.loadingPageData.loadingColor = '#C8C8C8'
-				} else if (indexNum == 2) {
-					// 自定义加载动画模式
-					this.loadingPageData.loadingMode = 'circle'
-					this.loadingPageData.loadingText = "uview-plus"
-					this.loadingPageData.color = '#C8C8C8'
-					this.loadingPageData.loadingColor = '#C8C8C8'
-				} else if (indexNum == 3) {
-					// 自定义背景色
-					this.loadingPageData.loadingMode = 'spinner'
-					this.loadingPageData.bgColor = 'rgba(0, 0, 0, 0.3)'
-					this.loadingPageData.loadingText = "uview-plus"
-					this.loadingPageData.color = '#eee'
-					this.loadingPageData.loadingColor = '#ddd'
-				}
-				this.loading = true
-				setTimeout(() => {
-					this.loading = false
-				}, 2000)
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.u-page {
-		padding: 0;
-	}
-</style>

src/pages/componentsA/overlay/overlay.nvue

@@ -1,104 +0,0 @@
-<template>
-	<view class="u-page">
-		<up-navbar
-			title="遮罩层"
-			@leftClick="navigateBack"
-			safeAreaInsetTop
-			fixed
-			placeholder
-		></up-navbar>
-		<up-cell
-			:titleStyle="{fontWeight: 500}"
-			@click="openMask(index)"
-			:title="item.title"
-			v-for="(item, index) in list"
-			:key="index"
-			isLink
-		>
-			<template #icon>
-				<image
-					class="u-cell-icon"
-					:src="item.iconUrl"
-					mode="widthFix"
-				></image>
-			</template>
-		</up-cell>
-		<up-overlay
-			:show="show"
-			@click="show = !show"
-		></up-overlay>
-
-		<up-overlay
-			:show="showSlot"
-			@click="showSlot = !showSlot"
-		>
-			<view class="overlay-wrap">
-				<view class="overlay-wrap__box"></view>
-			</view>
-		</up-overlay>
-		<up-overlay
-			opacity=".85"
-			:show="showOpcatiy"
-			@click="showOpcatiy = !showOpcatiy"
-		>
-		</up-overlay>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				show: false,
-				showSlot: false,
-				showOpcatiy: false,
-				list: [{
-						title: '基本案列',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/overlay/baseCases.png'
-					},
-					{
-						title: '嵌入内容',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/overlay/embeddedContent.png'
-					},
-					{
-						title: '设置透明度',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/overlay/setTransparency.png'
-					},
-				]
-			}
-		},
-		methods: {
-			openMask(indexNum) {
-				if (indexNum == 0) {
-					this.show = !this.show;
-				} else if (indexNum == 1) {
-					this.showSlot = !this.showSlot
-				} else if (indexNum == 2) {
-					this.showOpcatiy = !this.showOpcatiy
-				}
-			},
-			navigateBack() {
-				uni.navigateBack()
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.u-page {
-		padding: 0;
-	}
-
-	.overlay-wrap {
-		@include flex;
-		justify-content: center;
-		align-items: center;
-		flex: 1;
-
-		&__box {
-			width: 200rpx;
-			height: 200rpx;
-			background-color: #70e1f5;
-		}
-	}
-</style>

src/pages/componentsA/popup/popup.nvue

@@ -1,192 +0,0 @@
-<template>
-	<view>
-		<up-navbar
-			title="弹窗"
-			@leftClick="navigateBack"
-			safeAreaInsetTop
-			fixed
-			placeholder
-		></up-navbar>
-		<up-gap
-			height="20"
-			bgColor="#fff"
-		></up-gap>
-		<up-cell-group>
-			<up-cell
-				:titleStyle="{fontWeight: 500}"
-				@click="openPopup(item.popupData)"
-				:title="item.title"
-				v-for="(item, index) in list"
-				:key="index"
-				isLink
-			>
-				<template #icon>
-					<image
-						class="u-cell-icon"
-						:src="item.iconUrl"
-						mode="widthFix"
-					></image>
-				</template>
-			</up-cell>
-		</up-cell-group>
-		<up-popup
-			:safeAreaInsetBottom="true"
-			:safeAreaInsetTop="true"
-			:mode="popupData.mode"
-			:show="show"
-			:round="popupData.round"
-			:overlay="popupData.overlay"
-			:borderRadius="popupData.borderRadius"
-			:closeable="popupData.closeable"
-			:closeOnClickOverlay="popupData.closeOnClickOverlay"
-			@close="close"
-			@open="open"
-		>
-			<view
-				class="u-popup-slot"
-				:style="{
-					width: ['bottom', 'top'].includes(popupData.mode) ? '750rpx' : '200px',
-					marginTop: ['left', 'right'].includes(popupData.mode) ? '480rpx' : '0',
-				}"
-			>
-				<view style="height: 12vh;overflow-y: scroll;margin-bottom: 10px;">
-					<view v-for="i in 30">
-						列表滚动{[i]}
-					</view>
-				</view>
-				<view>
-					<up-button
-						type="success"
-						text="点我关闭"
-						customStyle="width: 200rpx"
-						size="small"
-						@click="show = !show"
-					></up-button>
-				</view>
-			</view>
-		</up-popup>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				show: false,
-				popupData: {
-					overlay: true,
-					mode: 'bottom',
-					borderRadius: '',
-					closeable: true,
-					closeOnClickOverlay: true
-				},
-				list: [{
-						popupData: {
-							overlay: true,
-							mode: 'top',
-							closeOnClickOverlay: true
-						},
-						title: '顶部弹出',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/popup/modeTop.png'
-					},
-					{
-						popupData: {
-							overlay: true,
-							mode: 'right',
-							closeOnClickOverlay: true
-						},
-						title: '右侧弹出',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/popup/modeRight.png'
-					},
-					{
-						popupData: {
-							overlay: true,
-							mode: 'bottom',
-							closeOnClickOverlay: true
-						},
-						title: '底部弹出',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/popup/modeBottom.png'
-					},
-					{
-						popupData: {
-							overlay: true,
-							mode: 'left',
-							closeOnClickOverlay: true
-						},
-						title: '左侧弹出',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/popup/modeLeft.png'
-					},
-					{
-						popupData: {
-							overlay: true,
-							mode: 'center',
-							round: 10,
-							closeOnClickOverlay: true
-						},
-						title: '居中弹出',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/popup/modeCenter.png'
-					},
-					{
-						popupData: {
-							overlay: true,
-							mode: 'bottom',
-							round: 10,
-							closeOnClickOverlay: true
-						},
-						title: '显示圆角',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/popup/showRadis.png'
-					},
-					{
-						popupData: {
-							overlay: true,
-							mode: 'bottom',
-							closeable: false,
-							closeOnClickOverlay: false
-						},
-						title: '禁止点击遮罩关闭',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/popup/noClose.png'
-					},
-					{
-						popupData: {
-							overlay: true,
-							mode: 'bottom',
-							closeable: true,
-							closeOnClickOverlay: true
-						},
-						title: '显示关闭按钮',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/popup/showCloseBtn.png'
-					}
-				]
-			}
-		},
-		methods: {
-			openPopup(popupData) {
-				this.popupData = popupData
-				uni.$u.sleep().then(() => {
-					this.show = !this.show
-				})
-			},
-			navigateBack() {
-				uni.navigateBack()
-			},
-			open() {
-				// console.log('open');
-			},
-			close() {
-				this.show = false
-				// console.log('close');
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.u-popup-slot {
-		width: 200px;
-		height: 150px;
-		@include flex;
-		justify-content: center;
-		align-items: center;
-		flex-direction: column;
-	}
-</style>

src/pages/componentsA/radio/radio.nvue

@@ -1,332 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">基本案例</text>
-			<text class="u-block__title">苹果、香蕉和橙子哪个最甜？</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__radio-item">
-					<up-radio-group
-						v-model="radiovalue1"
-						placement="column"
-						@change="groupChange"
-					>
-						<up-radio
-							:customStyle="{marginBottom: '8px'}"
-							v-for="(item, index) in radiolist1"
-							:key="index"
-							:label="item.name"
-							:name="item.name"
-							@change="radioChange"
-						>
-						</up-radio>
-					</up-radio-group>
-				</view>
-				{{radiovalue1}}
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义形状</text>
-			<text class="u-block__title">王者荣耀谁最帅？</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__radio-item">
-					<up-radio-group
-						v-model="radiovalue2"
-						placement="column"
-						shape="square"
-					>
-						<up-radio
-							:customStyle="{marginBottom: '8px'}"
-							v-for="(item, index) in radiolist2"
-							:key="index"
-							:label="item.name"
-							:name="item.name"
-						>
-						</up-radio>
-					</up-radio-group>
-				</view>
-				{{radiovalue2}}
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">是否禁用</text>
-			<text class="u-block__title">苹果、香蕉和菠萝哪个最甜？</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__radio-item">
-					<up-radio-group
-						v-model="radiovalue3"
-						placement="column"
-					>
-						<up-radio
-							:customStyle="{marginBottom: '8px'}"
-							v-for="(item, index) in radiolist3"
-							:key="index"
-							:label="item.name"
-							:name="item.name"
-							:disabled="!index"
-						>
-						</up-radio>
-					</up-radio-group>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">纵向排列</text>
-			<text class="u-block__title">狙击枪用哪个倍镜最好？</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__radio-item">
-					<up-radio-group
-						v-model="radiovalue4"
-						placement="column"
-						:labelDisabled="true"
-					>
-						<up-radio
-							:customStyle="{marginBottom:'8px'}"
-							v-for="(item, index) in radiolist4"
-							:key="index"
-							:label="item.name"
-							:name="item.name"
-						>
-						</up-radio>
-					</up-radio-group>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义颜色？</text>
-			<text class="u-block__title">你比较喜欢下面哪个颜色？</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__radio-item">
-					<up-radio-group
-						v-model="radiovalue5"
-						placement="column"
-						activeColor="#19be6b"
-					>
-						<up-radio
-							:customStyle="{marginBottom: '8px'}"
-							v-for="(item, index) in radiolist5"
-							:key="index"
-							:label="item.name"
-							:name="item.name"
-						>
-						</up-radio>
-					</up-radio-group>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">横向排列形式？</text>
-			<text class="u-block__title">王者荣耀哪个英雄最美？</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__radio-item">
-					<up-radio-group
-						v-model="radiovalue6"
-						placement="row"
-					>
-						<up-radio
-							:customStyle="{marginRight: '16px'}"
-							v-for="(item, index) in radiolist6"
-							:key="index"
-							:label="item.name"
-							:name="item.name"
-						>
-						</up-radio>
-					</up-radio-group>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">横向两端排列形式？</text>
-			<text class="u-block__title">你觉得阿木木可爱吗？</text>
-			<view>
-				<view class="u-page__radio-item">
-					<up-radio-group
-						v-model="radiovalue7"
-						:borderBottom="true"
-						placement="column"
-						iconPlacement="right"
-					>
-						<up-radio
-							:customStyle="{marginBottom: '16px'}"
-							v-for="(item, index) in radiolist7"
-							:key="index"
-							:label="item.name"
-							:name="item.name"
-						>
-						</up-radio>
-					</up-radio-group>
-				</view>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				// 基本案列数据
-				radiolist1: [{
-						name: '苹果',
-						disabled: false
-					},
-					{
-						name: '香蕉',
-						disabled: false
-					},
-					{
-						name: '橙子',
-						disabled: false
-					}, {
-						name: '榴莲',
-						disabled: false
-					}
-				],
-				// u-radio-group的v-model绑定的值如果设置为某个radio的name，就会被默认选中
-				radiovalue1: '苹果',
-
-				// 自定义形状数据
-				radiolist2: [{
-						name: '李白',
-						disabled: false
-					},
-					{
-						name: '韩信',
-						disabled: false
-					},
-					{
-						name: '马可波罗',
-						disabled: false
-					}, {
-						name: '百里守约',
-						disabled: false
-					}
-				],
-				// u-radio-group的v-model绑定的值如果设置为某个radio的name，就会被默认选中
-				radiovalue2: '李白',
-
-				// 是否禁用数据
-				radiolist3: [{
-						name: '苹果',
-						disabled: false
-					},
-					{
-						name: '香蕉',
-						disabled: false
-					},
-					{
-						name: '菠萝',
-						disabled: false
-					}
-				],
-				// u-radio-group的v-model绑定的值如果设置为某个radio的name，就会被默认选中
-				radiovalue3: '苹果',
-
-				// 是否禁止点击提示语选中单选框数据
-				radiolist4: [{
-						name: '3倍镜',
-						disabled: false
-					},
-					{
-						name: '4倍镜',
-						disabled: false
-					},
-					{
-						name: '6倍镜',
-						disabled: false
-					},
-					{
-						name: '8倍镜',
-						disabled: false
-					}
-				],
-				// u-radio-group的v-model绑定的值如果设置为某个radio的name，就会被默认选中
-				radiovalue4: '6倍镜',
-
-				//自定义颜色数据
-				radiolist5: [{
-						name: '红色',
-						disabled: false
-					},
-					{
-						name: '绿色',
-						disabled: false
-					},
-					{
-						name: '蓝色',
-						disabled: false
-					},
-					{
-						name: '黄色',
-						disabled: false
-					}
-				],
-				// u-radio-group的v-model绑定的值如果设置为某个radio的name，就会被默认选中
-				radiovalue5: '绿色',
-
-				//横向排列形式数据
-				radiolist6: [{
-						name: '妲己',
-						disabled: false
-					},
-					{
-						name: '虞姬',
-						disabled: false
-					},
-					{
-						name: '不知火舞',
-						disabled: false
-					},
-				],
-				// u-radio-group的v-model绑定的值如果设置为某个radio的name，就会被默认选中
-				radiovalue6: '妲己',
-
-				//横向两端排列形式数据
-				radiolist7: [{
-						name: '可爱',
-						disabled: false
-					},
-					{
-						name: '一般',
-						disabled: false
-					},
-					{
-						name: '不可爱',
-						disabled: false
-					},
-				],
-				// u-radio-group的v-model绑定的值如果设置为某个radio的name，就会被默认选中
-				radiovalue7: '可爱',
-			}
-		},
-		watch: {
-			radiovalue1(newValue, oldValue) {
-				console.log('v-model', newValue);
-			}
-		},
-		methods: {
-			groupChange(n) {
-				console.log('groupChange', n);
-			},
-			radioChange(n) {
-				console.log('radioChange', n);
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.u-page {
-		&__style {
-			font-size: 16px;
-			color: rgb(96, 98, 102);
-			margin-bottom: 20rpx;
-			font-weight: bold;
-		}
-
-		&__title {
-			font-size: 16px;
-			color: rgb(96, 98, 102);
-			margin-bottom: 20rpx;
-		}
-	}
-</style>

src/pages/componentsA/rate/rate.nvue

@@ -1,146 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">基本案例</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__tag-item">
-					<up-rate size="20"></up-rate>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义选中星星数量</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__tag-item flex">
-					<up-rate
-						size="20"
-						v-model="value"
-						@change="change"
-					></up-rate>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义星星大小</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__tag-item">
-					<up-rate size="30" count="4"></up-rate>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">是否禁用评分</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__rate-item">
-					<up-rate size="20" disabled></up-rate>
-				</view>
-			</view>
-		</view>
-    <view class="u-demo-block">
-      <text class="u-demo-block__title">是否只读评分</text>
-      <view class="u-demo-block__content">
-        <view class="u-page__rate-item">
-          <up-rate size="20" readonly></up-rate>
-        </view>
-      </view>
-    </view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义选中星星颜色</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__rate-item">
-					<up-rate
-						size="20"
-						v-model="activeColorValue"
-						activeColor="#2979ff"
-					></up-rate>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义未选中星星颜色</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__rate-item">
-					<up-rate
-						size="20"
-						v-model="value1"
-						inactiveColor="#2979ff"
-					></up-rate>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">禁止触摸选择</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__rate-item">
-					<up-rate size="20" :touchable="false"></up-rate>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">允许触摸选择</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__rate-item">
-					<up-rate size="20" :touchable="true"></up-rate>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">是否允许半星</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__rate-item">
-					<up-rate
-						size="20"
-						v-model="HalfValue"
-						:allowHalf="true"
-						@change="change"
-					></up-rate>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义选中的图标</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__rate-item">
-					<up-rate
-						size="20"
-						v-model="activeIconValue"
-						inactiveIcon="heart"
-						activeIcon="heart-fill"
-					></up-rate>
-				</view>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				//自定义星星的个数
-				value: 3,
-				value1: 2,
-				// 自定义选择星星颜色个数
-				activeColorValue: 3,
-				// 是否允许半星的个数
-				HalfValue: 3.5,
-				// 自定义图标星星个数
-				activeIconValue: 3,
-			}
-		},
-		watch: {
-			value(newValue, oldValue) {
-				// console.log(newValue);
-			}
-		},
-		methods: {
-			change(e) {
-				// console.log('change', e);
-			}
-		},
-	}
-</script>
-
-<style lang="scss">
-	.u-page {}
-</style>

src/pages/componentsA/sticky/sticky.nvue

@@ -1,57 +0,0 @@
-<template>
-	<view class="u-page">
-		<!-- <up-navbar
-			title="吸顶"
-			@leftClick="navigateBack"
-			safeAreaInsetTop
-			fixed
-			placeholder
-		></up-navbar> -->
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础使用</text>
-			<up-text
-				type="content"
-				text="滚动页面,即可看到下方的按钮会吸顶。"
-			></up-text>
-			<!-- #ifdef APP-NVUE -->
-			<up-text
-				type="warning"
-				text="目前由于nvue的bug,设置sticky的top值无效。"
-			></up-text>
-			<!-- #endif -->
-		</view>
-		<up-sticky>
-			<up-button
-				text="吸顶按钮"
-				type="success"
-			></up-button>
-		</up-sticky>
-		<up-gap
-			bgColor="#fff"
-			height="1500px"
-		></up-gap>
-		<up-divider text="已到底部"></up-divider>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-
-			}
-		},
-		mixins: [uni.$u.mixin],
-		methods: {
-			navigateBack() {
-				uni.navigateBack()
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.u-page {
-		
-	}
-</style>

src/pages/componentsA/swipeAction/swipeAction.nvue

@@ -1,232 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">演示案例</text>
-			<view class="u-page__swipe-action-item">
-				<up-swipe-action>
-					<up-swipe-action-item
-						v-if="show1"
-						:closeOnClick="false"
-						v-model:show="swshow1"
-						:options="options1"
-						@click="click"
-					>
-						<view class="swipe-action u-border-top u-border-bottom">
-							<view class="swipe-action__content">
-								<text class="swipe-action__content__text">基础使用</text>
-							</view>
-						</view>
-					</up-swipe-action-item>
-				</up-swipe-action>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">按钮组</text>
-			<view class="u-page__swipe-action-item">
-				<up-swipe-action>
-					<up-swipe-action-item closeOnClick :options="options2">
-						<view class="swipe-action u-border-top u-border-bottom">
-							<view class="swipe-action__content">
-								<text class="swipe-action__content__text">两个按钮并列</text>
-							</view>
-						</view>
-					</up-swipe-action-item>
-				</up-swipe-action>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">带图标</text>
-			<view class="u-page__swipe-action-item">
-				<up-swipe-action>
-					<up-swipe-action-item :options="options3">
-						<view class="swipe-action u-border-top u-border-bottom">
-							<view class="swipe-action__content">
-								<text class="swipe-action__content__text">自定义图标</text>
-							</view>
-						</view>
-					</up-swipe-action-item>
-				</up-swipe-action>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">组合使用</text>
-			<view class="u-page__swipe-action-item">
-				<up-swipe-action>
-					<up-swipe-action-item
-						:options="item.options"
-						v-for="(item, index) in options4"
-						:disabled="item.disabled"
-						:key="index"
-					>
-						<view
-							class="swipe-action u-border-top"
-							:class="[index === options4.length - 1 && 'u-border-bottom']"
-						>
-							<view class="swipe-action__content">
-								<text class="swipe-action__content__text">{{ item.text }}</text>
-							</view>
-						</view>
-					</up-swipe-action-item>
-				</up-swipe-action>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义按钮形状</text>
-			<view class="u-page__swipe-action-item">
-				<up-swipe-action>
-					<up-swipe-action-item :options="options5">
-						<view class="swipe-action u-border-top u-border-bottom">
-							<view class="swipe-action__content">
-								<text class="swipe-action__content__text">圆形按钮</text>
-							</view>
-						</view>
-					</up-swipe-action-item>
-				</up-swipe-action>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				swshow1: true,
-				show1: true,
-				moveX: 0,
-				showText: '当前状态：关',
-				showStatus: false,
-				options1: [{
-					text: '删除',
-					style: {
-						backgroundColor: '#f56c6c'
-					}
-				}],
-				options2: [{
-					text: '收藏',
-					style: {
-						backgroundColor: '#3c9cff'
-					}
-				}, {
-					text: '删除',
-					style: {
-						backgroundColor: '#f56c6c'
-					}
-				}],
-				options3: [{
-					text: '收藏',
-					icon: 'star-fill',
-					iconSize: '20',
-					style: {
-						backgroundColor: '#f9ae3d'
-					}
-				}],
-				options4: [{
-					text: '禁用状态',
-					disabled: true,
-					options: [{
-							text: '置顶',
-							style: {
-								backgroundColor: '#3c9cff',
-							}
-						},
-						{
-							text: '取消',
-							style: {
-								backgroundColor: '#f9ae3d',
-							}
-						},
-					],
-				}, {
-					text: '正常状态',
-					disabled: false,
-					options: [{
-							text: '置顶',
-							style: {
-								backgroundColor: '#3c9cff',
-							}
-						},
-						{
-							text: '取消',
-							style: {
-								backgroundColor: '#f9ae3d',
-							}
-						},
-					],
-				}, {
-					text: '自动关闭',
-					disabled: false,
-					options: [{
-							text: '置顶',
-							style: {
-								backgroundColor: '#3c9cff',
-							}
-						},
-						{
-							text: '取消',
-							style: {
-								backgroundColor: '#f9ae3d',
-							}
-						},
-					],
-				}],
-				options5: [{
-					icon: 'trash-fill',
-					style: {
-						backgroundColor: '#f56c6c',
-						width: '40px',
-						height: '40px',
-						borderRadius: '100px',
-						margin: '0 6px'
-					}
-				}, {
-					icon: 'heart-fill',
-					style: {
-						backgroundColor: '#5ac725',
-						width: '40px',
-						height: '40px',
-						borderRadius: '100px',
-						margin: '0 6px'
-					}
-				}]
-			}
-		},
-		methods: {
-			click(index, cb) {
-				console.log('click', index);
-				uni.showModal({
-					title: '温馨提示',
-					content: '确定要删除吗？',
-					success: res => {
-						if (res.confirm) {
-							this.swshow1 = false
-							this.show1 = false
-						}
-					}
-				})
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.u-page {
-		padding: 0;
-	}
-
-	.u-demo-block__title {
-		padding: 10px 0 2px 15px;
-	}
-
-	.swipe-action {
-		&__content {
-			padding: 25rpx 0;
-
-			&__text {
-				font-size: 15px;
-				color: $u-main-color;
-				padding-left: 30rpx;
-			}
-		}
-	}
-</style>

src/pages/componentsA/test/test.vue

@@ -1,33 +0,0 @@
-<template>
-	<view>
-		<up-list style="height: 500px; background-color: red;">
-			<up-list-item>
-				<up-image src="https://img2020.cnblogs.com/blog/35695/202112/35695-20211222112522991-1769312387.jpg"></up-image>
-			</up-list-item>
-			<up-list-item>
-				<up-image src="https://img2020.cnblogs.com/blog/35695/202112/35695-20211222112522991-1769312387.jpg"></up-image>
-			</up-list-item>
-			<up-list-item>
-				<up-image src="https://img2020.cnblogs.com/blog/35695/202112/35695-20211222112522991-1769312387.jpg"></up-image>
-			</up-list-item>
-			<up-list-item>
-				<up-image src="https://img2020.cnblogs.com/blog/35695/202112/35695-20211222112522991-1769312387.jpg"></up-image>
-			</up-list-item>
-			<up-list-item>
-				<up-image src="https://img2020.cnblogs.com/blog/35695/202112/35695-20211222112522991-1769312387.jpg"></up-image>
-			</up-list-item>
-			<up-list-item>
-				<up-image src="https://img2020.cnblogs.com/blog/35695/202112/35695-20211222112522991-1769312387.jpg"></up-image>
-			</up-list-item>
-			<up-list-item>
-				<up-image src="https://img2020.cnblogs.com/blog/35695/202112/35695-20211222112522991-1769312387.jpg"></up-image>
-			</up-list-item>
-		</up-list>
-	</view>
-</template>
-
-<script>
-	export default {
-		
-	}
-</script>

src/pages/componentsA/transition/transition.nvue

@@ -1,165 +0,0 @@
-<template>
-    <view class="u-page">
-        <up-gap height="20" bgColor="#fff"></up-gap>
-        <up-cell-group border>
-            <up-cell
-                :titleStyle="{ fontWeight: 500 }"
-                @click="openTransition(item.mode)"
-                :title="item.title"
-                v-for="(item, index) in list"
-                :key="index"
-                clickable
-            >
-				<template #icon>
-					<image
-					    class="u-cell-icon"
-					    :src="item.iconUrl"
-					    mode="widthFix"
-					></image>
-				</template>
-            </up-cell>
-            <up-transition
-                :mode="mode"
-                :show="show"
-                :custom-style="style"
-                @click="click"
-                @beforeEnter="beforeEnter"
-                @enter="enter"
-                @afterEnter="afterEnter"
-                @beforeLeave="beforeLeave"
-                @leave="leave"
-                @afterLeave="afterLeave"
-            >
-                <view class="transition"></view>
-            </up-transition>
-        </up-cell-group>
-    </view>
-</template>
-
-<script>
-export default {
-    data() {
-        return {
-            mode: "",
-            show: false,
-            style: {
-                position: "fixed",
-                top: `${uni.$u.sys().windowHeight / 2 - 50}px`,
-                left: `${uni.$u.sys().windowWidth / 2 - 50}px`,
-                width: "120px",
-                height: "120px",
-                backgroundColor: "#1989fa",
-            },
-            list: [
-                {
-                    mode: "fade",
-                    title: "淡入",
-                    iconUrl:
-                        "https://cdn.uviewui.com/uview/demo/transition/fade.png",
-                },
-                {
-                    mode: "fade-up",
-                    title: "上滑淡入",
-                    iconUrl:
-                        "https://cdn.uviewui.com/uview/demo/transition/fadeUp.png",
-                },
-                {
-                    mode: "zoom",
-                    title: "缩放",
-                    iconUrl:
-                        "https://cdn.uviewui.com/uview/demo/transition/zoom.png",
-                },
-                {
-                    mode: "fade-zoom",
-                    title: "缩放淡入",
-                    iconUrl:
-                        "https://cdn.uviewui.com/uview/demo/transition/fadeZoom.png",
-                },
-                {
-                    mode: "fade-down",
-                    title: "下滑淡入",
-                    iconUrl:
-                        "https://cdn.uviewui.com/uview/demo/transition/fadeDown.png",
-                },
-                {
-                    mode: "fade-left",
-                    title: "左滑淡入",
-                    iconUrl:
-                        "https://cdn.uviewui.com/uview/demo/transition/fadeLeft.png",
-                },
-                {
-                    mode: "fade-right",
-                    title: "右滑淡入",
-                    iconUrl:
-                        "https://cdn.uviewui.com/uview/demo/transition/fadeRight.png",
-                },
-                {
-                    mode: "slide-up",
-                    title: "上滑进入",
-                    iconUrl:
-                        "https://cdn.uviewui.com/uview/demo/transition/slideUp.png",
-                },
-                {
-                    mode: "slide-down",
-                    title: "下滑进入",
-                    iconUrl:
-                        "https://cdn.uviewui.com/uview/demo/transition/slideDown.png",
-                },
-                {
-                    mode: "slide-left",
-                    title: "左滑进入",
-                    iconUrl:
-                        "https://cdn.uviewui.com/uview/demo/transition/slideLeft.png",
-                },
-                {
-                    mode: "slide-right",
-                    title: "右滑进入",
-                    iconUrl:
-                        "https://cdn.uviewui.com/uview/demo/transition/slideRight.png",
-                },
-            ],
-        };
-    },
-    mixins: [uni.$u.mixin],
-    methods: {
-        openTransition(mode) {
-            this.mode = mode;
-            this.show = true;
-            setTimeout(() => {
-                this.show = false;
-            }, 1500);
-        },
-        click() {
-            // console.log("click");
-        },
-        beforeEnter() {
-            // console.log("beforeEnter");
-        },
-        enter() {
-            // console.log("enter");
-        },
-        afterEnter() {
-            // console.log("afterEnter");
-        },
-        beforeLeave() {
-            // console.log("beforeLeave");
-        },
-        leave() {
-            // console.log("leave");
-        },
-        afterLeave() {
-            // console.log("afterLeave");
-        },
-    },
-};
-</script>
-
-<style lang="scss">
-.u-page {
-    padding: 0;
-}
-
-.transition {
-    background-color: $u-primary;
-}
-</style>

src/pages/componentsB/actionSheet/actionSheet.nvue

@@ -1,220 +0,0 @@
-<template>
-	<view class="u-page">
-		<up-navbar
-			title="上拉菜单"
-			@leftClick="navigateBack"
-			safeAreaInsetTop
-			fixed
-			placeholder
-		></up-navbar>
-		<up-cell-group>
-			<up-cell
-				@click="openSheet(index)"
-				:title="item.title"
-				v-for="(item, index) in list"
-				:key="index"
-				isLink
-			>
-				<template #icon>
-					<image
-						slot=""
-						class="u-cell-icon"
-						:src="item.iconUrl"
-						mode="widthFix"
-					></image>
-				</template>
-			</up-cell>
-		</up-cell-group>
-		<up-action-sheet
-			:show="show0"
-			@close="close"
-			@select="select"
-			:actions="actions0"
-			:closeOnClickOverlay="false"
-		>
-		</up-action-sheet>
-		<up-action-sheet
-			:show="show1"
-			@close="show1 = false"
-			:actions="actions1"
-		>
-		</up-action-sheet>
-		<up-action-sheet
-			:show="show2"
-			@close="show2 = false"
-			:actions="actions2"
-			cancelText="取消"
-		>
-		</up-action-sheet>
-		<up-action-sheet
-			:show="show3"
-			@close="show3 = false"
-			:actions="actions3"
-			description="这是一段描述文本,字号偏小,颜色偏淡"
-		>
-		</up-action-sheet>
-		<up-action-sheet
-			:show="show4"
-			@close="show4 = false"
-			title="标题位置"
-			:round="10"
-		>
-			<text style="margin: 10px 20px 30px 20px; color: #303133; font-size: 15px;">这是一段通过slot传入的内容,您可以在此自定义操作面板</text>
-		</up-action-sheet>
-		<up-action-sheet
-			:show="show5"
-			@close="show5 = false"
-			title="微信开放能力"
-			:actions="actions5"
-			@getuserinfo="getuserinfo"
-		></up-action-sheet>
-	</view>
-</template>
-<script>
-	export default {
-		data() {
-			return {
-				show0: false,
-				show1: false,
-				show2: false,
-				show3: false,
-				show4: false,
-				show5: false,
-				actions0: [{
-						name: '选项1',
-					},
-					{
-						name: '选项2',
-					},
-					{
-						name: '选项2',
-					},
-					{
-						name: '选项2',
-					},
-					{
-						name: '选项2',
-					},
-					{
-						name: '选项2',
-					},
-					{
-						name: '选项2',
-					},
-					{
-						name: '选项2',
-					},
-					{
-						name: '选项2',
-					},
-					{
-						name: '选项2',
-					},
-					{
-						name: '选项2',
-					},
-					{
-						name: '选项2',
-					},
-					{
-						name: '选项3',
-						subname: '描述文本'
-					},
-				],
-				actions1: [{
-						name: '选项1',
-					},
-					{
-						loading: true
-					},
-					{
-						name: '选项被禁用',
-						disabled: true
-					},
-				],
-				actions2: [{
-						name: '选项1',
-					},
-					{
-						name: '选项2',
-					},
-					{
-						name: '选项3',
-					},
-				],
-				actions3: [{
-						name: '选项1',
-					},
-					{
-						name: '选项2',
-					},
-					{
-						name: '选项3',
-					},
-				],
-				actions5: [{
-					name: '获取用户信息',
-					openType: 'getUserInfo',
-					color: uni.$u.color['success']
-				}],
-				list: [{
-						title: '普通使用',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/actionSheet/custom.png'
-
-					},
-					{
-						title: '设置状态',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/actionSheet/status.png'
-					},
-					{
-						title: '显示取消按钮',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/actionSheet/cancel.png'
-					},
-					{
-						title: '描述内容',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/actionSheet/desc.png'
-					},
-					{
-						title: '显示标题(显示圆角)',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/actionSheet/title.png'
-					},
-					{
-						title: '微信开放能力',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/actionSheet/open.png'
-					}
-				]
-			}
-		},
-		onLoad() {
-
-		},
-		methods: {
-			// 点击cell，判断显示哪个功能
-			openSheet(index) {
-				// #ifndef MP
-				if (index === 5) return uni.$u.toast('请在微信内预览')
-				// #endif
-				this[`show${index}`] = true
-			},
-			getuserinfo(res) {
-				uni.$u.toast(`用户名：${res.userInfo.nickName}`)
-			},
-			navigateBack() {
-				uni.navigateBack()
-			},
-			close() {
-				console.log('close');
-				this['show0'] = false
-			},
-			select(e) {
-				console.log('select', e);
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.u-page {
-		padding: 0;
-	}
-</style>

src/pages/componentsB/alert/alert.nvue

@@ -1,146 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础功能</text>
-			<view class="u-demo-block__content">
-				<view class="u-alert-item">
-					<up-alert
-					    description="山不在于高，有了神仙就出名"
-					    type="warning"
-					></up-alert>
-				</view>
-				<view class="u-alert-item">
-					<up-alert
-					    description="水不在深，有龙则灵"
-					    type="primary"
-					></up-alert>
-				</view>
-				<view class="u-alert-item">
-					<up-alert
-					    description="斯是陋室，惟吾德馨。苔痕上阶绿，草色入帘青"
-					    type="error"
-					></up-alert>
-				</view>
-				<view class="u-alert-item">
-					<up-alert
-					    description="谈笑有鸿儒，往来无白丁"
-					    type="info"
-					></up-alert>
-				</view>
-				<view class="u-alert-item">
-					<up-alert
-					    description="可以调素琴，阅金经"
-					    type="success"
-					></up-alert>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">深浅色</text>
-			<view class="u-demo-block__content">
-				<view class="u-alert-item">
-					<up-alert
-					    description="无丝竹之乱耳，无案牍之劳形"
-					    type="warning"
-					></up-alert>
-				</view>
-				<view class="u-alert-item">
-					<up-alert
-					    description="南阳诸葛庐，西蜀子云亭。孔子云：何陋之有"
-					    type="warning"
-					    effect="dark"
-					></up-alert>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">显示图标</text>
-			<view class="u-demo-block__content">
-				<view class="u-alert-item">
-					<up-alert
-					    description="六王毕，四海一；蜀山兀，阿房出"
-					    type="error"
-					    showIcon
-					></up-alert>
-				</view>
-				<view class="u-alert-item">
-					<up-alert
-					    description="覆压三百余里，隔离天日。骊山北构而西折，直走咸阳，二川溶溶，流入宫墙"
-					    type="error"
-					    effect="dark"
-					    showIcon
-					></up-alert>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">可关闭</text>
-			<view class="u-demo-block__content">
-				<view class="u-alert-item">
-					<up-alert
-					    description="五步一楼，十步一阁；廊腰缦回，檐牙高啄；各抱地势，钩心斗角"
-					    type="success"
-					    showIcon
-					    closable
-					></up-alert>
-				</view>
-				<view class="u-alert-item">
-					<up-alert
-					    description="盘盘焉，囷囷焉，蜂房水涡，矗不知其几千万落"
-					    type="success"
-					    effect="dark"
-					    closable
-					    showIcon
-					></up-alert>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">带标题</text>
-			<view class="u-demo-block__content">
-				<view class="u-alert-item">
-					<up-alert
-					    title="妃嫔媵嫱，王子皇孙，辞楼下殿"
-					    description="长桥卧波，未云何龙？复道行空，不霁何虹"
-					    type="info"
-					    showIcon
-					    closable
-					></up-alert>
-				</view>
-				<view class="u-alert-item">
-					<up-alert
-					    title="辇来于秦，朝歌夜弦，为秦宫人。明星荧荧，开妆镜也"
-					    description="高低冥迷，不知西东。歌台暖响，春光融融；舞殿冷袖，风雨凄凄。一日之内，一宫之间，而气候不齐"
-					    type="info"
-					    effect="dark"
-					    closable
-					    showIcon
-					></up-alert>
-				</view>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				description: '',
-				title: ''
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.u-alert-item {
-		flex: 1;
-		margin-bottom: 10px;
-	}
-
-	.u-demo-block__content {
-		flex-direction: column !important;
-		align-items: stretch;
-	}
-</style>

src/pages/componentsB/badge/badge.nvue

@@ -1,163 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">直角边形状</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__tag-item">
-					<up-badge
-						:value="1500"
-						shape="horn"
-					></up-badge>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">徽标数显示方式</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__tag-item">
-					<up-badge
-						:value="5132"
-						numberType="ellipsis"
-					></up-badge>
-				</view>
-				<view class="u-page__tag-item">
-					<up-badge
-						:value="1011"
-						numberType="overflow"
-					></up-badge>
-				</view>
-				<view class="u-page__tag-item">
-					<up-badge
-						:value="1500"
-						numberType="limit"
-					></up-badge>
-				</view>
-
-				<view class="u-page__tag-item">
-					<up-badge
-						:value="45187"
-						numberType="limit"
-					></up-badge>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">显示圆点</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__tag-item">
-					<up-badge
-						:value="1011"
-						numberType="overflow"
-						isDot
-					>
-					</up-badge>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义主题</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__tag-item">
-					<up-badge
-						:value="9"
-						type="error"
-					>
-					</up-badge>
-				</view>
-				<view class="u-page__tag-item">
-					<up-badge
-						:value="9"
-						type="warning"
-					>
-					</up-badge>
-				</view>
-				<view class="u-page__tag-item">
-					<up-badge
-						:value="9"
-						type="success"
-					>
-					</up-badge>
-				</view>
-				<view class="u-page__tag-item">
-					<up-badge
-						:value="9"
-						type="primary"
-					>
-					</up-badge>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">反转色</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__tag-item">
-					<up-badge
-						:value="9"
-						type="error"
-						inverted
-					>
-					</up-badge>
-				</view>
-				<view class="u-page__tag-item">
-					<up-badge
-						:value="1532"
-						inverted
-						type="warning"
-					>
-					</up-badge>
-				</view>
-				<view class="u-page__tag-item">
-					<up-badge
-						:value="12"
-						inverted
-						type="success"
-					>
-					</up-badge>
-				</view>
-				<view class="u-page__tag-item">
-					<up-badge
-						:value="999"
-						inverted
-						type="primary"
-					>
-					</up-badge>
-				</view>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.box {
-		justify-content: space-between;
-	}
-
-	.u-page__tag-item {
-		margin-right: 40px;
-		margin-top: 10px;
-	}
-
-	.badge-box {
-		width: 45px;
-		height: 45px;
-		border-top-left-radius: 3px;
-		border-top-right-radius: 3px;
-		border-bottom-left-radius: 3px;
-		border-bottom-right-radius: 3px;
-		background-color: #E6E6E6;
-	}
-
-	.u-demo-block__content {
-		flex-direction: row;
-		flex-wrap: wrap;
-		align-items: center;
-	}
-</style>

src/pages/componentsB/card/card.vue

@@ -1,115 +0,0 @@
-<template>
-	<view>
-		<view class="u-card-wrap">
-			<up-card @click="click" @head-click="headClick" :title="title"
-				:sub-title="subTitle" :thumb="thumb" :padding="padding" :border="border">
-				<template #body>
-					<view>
-						<view class="u-body-item u-flex u-border-bottom u-col-between u-p-t-0">
-							<view class="u-body-item-title u-line-2">瓶身描绘的牡丹一如你初妆，冉冉檀香透过窗心事我了然，宣纸上走笔至此搁一半</view>
-							<image src="https://img12.360buyimg.com/n7/jfs/t1/102191/19/9072/330688/5e0af7cfE17698872/c91c00d713bf729a.jpg" mode="aspectFill"></image>
-						</view>
-						<view class="u-body-item u-flex u-row-between u-p-b-0">
-							<view class="u-body-item-title u-line-2">釉色渲染仕女图韵味被私藏，而你嫣然的一笑如含苞待放</view>
-							<image src="https://img12.360buyimg.com/n7/jfs/t1/102191/19/9072/330688/5e0af7cfE17698872/c91c00d713bf729a.jpg" mode="aspectFill"></image>
-						</view>
-					</view>
-				</template>
-				<template #foot>
-					<view>
-						<up-icon name="chat-fill" size="16" color="" label="30评论"></up-icon>
-					</view>
-				</template>
-			</up-card>
-		</view>
-		<view class="u-demo">
-			<view class="u-demo-block">
-			    <text class="u-demo-block__title">参数配置</text>
-			</view>
-			<view class="u-demo-block">
-			    <text class="u-demo-block__title">左上角图标</text>
-			    <view class="u-demo-block__content">
-					<up-subsection :list="['显示', '隐藏']" @change="thumbChange"></up-subsection>
-			    </view>
-			</view>
-			<view class="u-demo-block">
-			    <text class="u-demo-block__title">内边距</text>
-			    <view class="u-demo-block__content">
-					<up-subsection current="1" :list="['10', '15', '20']" @change="paddingChange"></up-subsection>
-			    </view>
-			</view>
-			<view class="u-demo-block">
-			    <text class="u-demo-block__title">底部</text>
-			    <view class="u-demo-block__content">
-					<up-subsection :list="['显示', '隐藏']" @change="bottomChange"></up-subsection>
-			    </view>
-			</view>
-			<view class="u-demo-block">
-			    <text class="u-demo-block__title">外边框</text>
-			    <view class="u-demo-block__content">
-					<up-subsection :list="['显示', '隐藏']" @change="borderChange"></up-subsection>
-			    </view>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				title: '素胚勾勒出青花，笔锋浓转淡',
-				subTitle: '2023-05-15',
-				thumb: 'https://img11.360buyimg.com/n7/jfs/t1/94448/29/2734/524808/5dd4cc16E990dfb6b/59c256f85a8c3757.jpg',
-				padding: 15,
-				bottomSlot: true,
-				border: true
-			}
-		},
-		methods: {
-			thumbChange(index) {
-				this.thumb = index == 0 ? 'https://img11.360buyimg.com/n7/jfs/t1/94448/29/2734/524808/5dd4cc16E990dfb6b/59c256f85a8c3757.jpg' : '';
-			},
-			paddingChange(index) {
-				this.padding = [10, 15, 20][index];
-			},
-			bottomChange(index) {
-				this.bottomSlot = !index;
-			},
-			borderChange(index) {
-				this.border = !index;
-			},
-			click(index) {
-				console.log(index);
-			},
-			headClick(index) {
-				console.log(index);
-			}
-		}
-	}
-</script>
-
-<style scoped lang="scss">
-	.u-demo {
-		padding: 20px;
-	}
-	
-	.u-card-wrap { 
-		background-color: $u-bg-color;
-		padding: 1px;
-		
-		.u-body-item {
-			font-size: 32rpx;
-			color: #333;
-			padding: 20rpx 10rpx;
-		}
-			
-		.u-body-item image {
-			width: 120rpx;
-			flex: 0 0 120rpx;
-			height: 120rpx;
-			border-radius: 8rpx;
-			margin-left: 12rpx;
-		}
-	}
-</style>

src/pages/componentsB/code/code.nvue

@@ -1,157 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础功能</text>
-			<view class="u-demo-block__content">
-				<up-code
-				    ref="uCode"
-				    @change="codeChange"
-				    seconds="20"
-					change-text="XS获取"
-					@start="disabled1 = true"
-					@end="disabled1 = false"
-				></up-code>
-				<up-button
-				    @tap="getCode"
-				    :text="tips"
-				    type="success"
-					size="small"
-					:disabled="disabled1"
-				></up-button>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">保持倒计时(开始后，左上角返退出此页面再进入，会发现倒计时还在继续)</text>
-			<view class="u-demo-block__content">
-				<up-code
-				    ref="uCode1"
-				    @change="codeChange1"
-				    keep-running
-				    change-text="倒计时XS"
-					@start="disabled2 = true"
-					@end="disabled2 = false"
-				></up-code>
-				<up-button
-					type="primary"
-				    @tap="getCode1"
-				    :text="tips1"
-					size="small"
-					:disabled="disabled2"
-				></up-button>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">文本样式</text>
-			<view class="u-demo-block__content">
-				<up-code
-				    ref="uCode2"
-				    @change="codeChange2"
-				    keep-running
-					start-text="点我获取验证码"
-				></up-code>
-				<text
-				    @tap="getCode2"
-				    :text="tips2"
-					class="u-page__code-text"
-				>{{tips2}}</text>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				tips: '',
-				// 此为错误定义，见下方说明
-				// refCode: null,
-				tips1: '',
-				tips2: '',
-				disabled1: false,
-				disabled2: false,
-				disabled3: false
-			}
-		},
-		onReady() {
-			// 注意这里不能将一个组件赋值给data的一个变量，否则在微信小程序会
-			// 造成循环引用而报错，如果你想这样做，请在onReady或者onLoad生命周期中定义，如下
-			// this.refCode = this.$refs.uCode;
-		},
-		methods: {
-			codeChange(text) {
-				this.tips = text;
-			},
-			codeChange1(text) {
-				this.tips1 = text;
-			},
-			codeChange2(text) {
-				this.tips2 = text;
-			},
-			getCode() {
-				if (this.$refs.uCode.canGetCode) {
-					// 模拟向后端请求验证码
-					uni.showLoading({
-						title: '正在获取验证码'
-					})
-					setTimeout(() => {
-						uni.hideLoading();
-						// 这里此提示会被this.start()方法中的提示覆盖
-						uni.$u.toast('验证码已发送');
-						// 通知验证码组件内部开始倒计时
-						this.$refs.uCode.start();
-					}, 2000);
-				} else {
-					uni.$u.toast('倒计时结束后再发送');
-				}
-			},
-			getCode1() {
-				if (this.$refs.uCode1.canGetCode) {
-					// 模拟向后端请求验证码
-					uni.showLoading({
-						title: '正在获取验证码'
-					})
-					setTimeout(() => {
-						uni.hideLoading();
-						// 这里此提示会被this.start()方法中的提示覆盖
-						uni.$u.toast('验证码已发送');
-						// 通知验证码组件内部开始倒计时
-						this.$refs.uCode1.start();
-					}, 2000);
-				} else {
-					uni.$u.toast('倒计时结束后再发送');
-				}
-			},
-			getCode2() {
-				if (this.$refs.uCode2.canGetCode) {
-					// 模拟向后端请求验证码
-					uni.showLoading({
-						title: '正在获取验证码'
-					})
-					setTimeout(() => {
-						uni.hideLoading();
-						// 这里此提示会被this.start()方法中的提示覆盖
-						uni.$u.toast('验证码已发送');
-						// 通知验证码组件内部开始倒计时
-						this.$refs.uCode2.start();
-					}, 2000);
-				} else {
-					uni.$u.toast('倒计时结束后再发送');
-				}
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.u-page {
-		&__code-text {
-			color: $u-primary;
-			font-size: 15px;
-		}
-	}
-	
-	.u-demo-block__content {
-		@include flex;
-	}
-</style>

src/pages/componentsB/collapse/collapse.nvue

@@ -1,139 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-page__item">
-			<text class="u-page__item__title">基础功能</text>
-			<up-collapse @change="change" @close="close" @open="open">
-				<up-collapse-item title="文档指南" name="Docs guide">
-					<text class="u-collapse-content">涵盖uniapp各个方面，给开发者方向指导和设计理念，让您茅塞顿开，一马平川</text>
-				</up-collapse-item>
-				<up-collapse-item title="组件全面" name="Variety components">
-					<text class="u-collapse-content">众多组件覆盖开发过程的各个需求，组件功能丰富，多端兼容。让您快速集成，开箱即用</text>
-				</up-collapse-item>
-				<up-collapse-item title="众多利器" name="Numerous tools" :showRight="false">
-					<text class="u-collapse-content">众多的贴心小工具，是您开发过程中召之即来的利器，让您飞镖在手，百步穿杨</text>
-				</up-collapse-item>
-			</up-collapse>
-		</view>
-		<view class="u-page__item">
-			<text class="u-page__item__title">展开和禁用</text>
-			<up-collapse :value="['2']">
-				<up-collapse-item title="文档指南">
-					<text class="u-collapse-content">涵盖uniapp各个方面，给开发者方向指导和设计理念，让您茅塞顿开，一马平川</text>
-				</up-collapse-item>
-				<up-collapse-item disabled title="组件全面">
-					<text class="u-collapse-content">众多组件覆盖开发过程的各个需求，组件功能丰富，多端兼容。让您快速集成，开箱即用</text>
-				</up-collapse-item>
-				<up-collapse-item name="2" title="众多利器">
-					<text class="u-collapse-content">众多的贴心小工具，是您开发过程中召之即来的利器，让您飞镖在手，百步穿杨</text>
-				</up-collapse-item>
-			</up-collapse>
-		</view>
-		<view class="u-page__item">
-			<text class="u-page__item__title">手风琴模式</text>
-			<up-collapse accordion>
-				<up-collapse-item title="文档指南">
-					<text class="u-collapse-content">涵盖uniapp各个方面，给开发者方向指导和设计理念，让您茅塞顿开，一马平川</text>
-				</up-collapse-item>
-				<up-collapse-item title="组件全面">
-					<text class="u-collapse-content">众多组件覆盖开发过程的各个需求，组件功能丰富，多端兼容。让您快速集成，开箱即用</text>
-				</up-collapse-item>
-				<up-collapse-item title="众多利器">
-					<text class="u-collapse-content">众多的贴心小工具，是您开发过程中召之即来的利器，让您飞镖在手，百步穿杨</text>
-				</up-collapse-item>
-			</up-collapse>
-		</view>
-		<view class="u-page__item">
-			<text class="u-page__item__title">移除下划线</text>
-			<up-collapse accordion :border="false">
-				<up-collapse-item title="文档指南">
-					<text class="u-collapse-content">涵盖uniapp各个方面，给开发者方向指导和设计理念，让您茅塞顿开，一马平川</text>
-				</up-collapse-item>
-				<up-collapse-item title="组件全面">
-					<text class="u-collapse-content">众多组件覆盖开发过程的各个需求，组件功能丰富，多端兼容。让您快速集成，开箱即用</text>
-				</up-collapse-item>
-				<up-collapse-item title="众多利器">
-					<text class="u-collapse-content">众多的贴心小工具，是您开发过程中召之即来的利器，让您飞镖在手，百步穿杨</text>
-				</up-collapse-item>
-			</up-collapse>
-		</view>
-		<!-- 微信小程序不支持，因为微信中不支持 <slot #title slot="title" />的写法 -->
-		<view class="u-page__item">
-			<text class="u-page__item__title">自定义标题和内容</text>
-			<up-collapse accordion>
-				<up-collapse-item>
-					<template #title>
-						<text class="u-page__item__title__slot-title">文档指南</text>
-					</template>
-					<text class="u-collapse-content">涵盖uniapp各个方面，给开发者方向指导和设计理念，让您茅塞顿开，一马平川</text>
-				</up-collapse-item>
-				<!-- <up-collapse-item
-					:isLink="false"
-				>
-					<template #title>
-						<text class="u-page__item__title__slot-title">文档指南</text>
-					</template>
-					<text class="u-collapse-content">涵盖uniapp各个方面，给开发者方向指导和设计理念，让您茅塞顿开，一马平川</text>
-				</up-collapse-item> -->
-				<up-collapse-item title="组件全面">
-					<template v-slot:icon>
-						<up-icon name="tags-fill" size="20"></up-icon>
-					</template>
-					<text class="u-collapse-content">众多组件覆盖开发过程的各个需求，组件功能丰富，多端兼容。让您快速集成，开箱即用</text>
-				</up-collapse-item>
-				<up-collapse-item title="众多利器" icon="tags-fill">
-					<template v-slot:right-icon>
-						<text class="u-page__item__title__slot-title">10</text>
-					</template>
-					<text
-						class="u-collapse-content">众多的贴心小工具，是您开发过程中召之即来的利器，让您飞镖在手，百步穿杨</text>
-				</up-collapse-item>
-			</up-collapse>
-		</view>
-		<up-gap height="50"></up-gap>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {}
-		},
-		methods: {
-			open(e) {
-				// console.log('open', e)
-			},
-			close(e) {
-				// console.log('close', e)
-			},
-			change(e) {
-				// console.log('change', e)
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.u-page {
-		padding: 0;
-
-		&__item {
-
-			&__title {
-				color: $u-tips-color;
-				background-color: $u-bg-color;
-				padding: 15px;
-				font-size: 15px;
-
-				&__slot-title {
-					color: $u-primary;
-					font-size: 14px;
-				}
-			}
-		}
-	}
-
-	.u-collapse-content {
-		color: $u-tips-color;
-		font-size: 14px;
-	}
-</style>

src/pages/componentsB/color/color.nvue

@@ -1,291 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-page__item">
-			<text class="u-page__item__title" style="margin-top: 0;">主色调</text>
-			<view class="u-page__item__color-box">
-				<view
-				    class="u-page__item__color-box__item"
-				    style="background-color: #3c9cff;"
-				>
-					<text class="u-page__item__color-box__item__title">Primary</text>
-					<text class="u-page__item__color-box__item__value">#3c9cff</text>
-				</view>
-				<view
-				    class="u-page__item__color-box__item"
-				    style="background-color: #398ade;"
-				>
-					<text class="u-page__item__color-box__item__title">Dark</text>
-					<text class="u-page__item__color-box__item__value">#398ade</text>
-				</view>
-				<view
-				    class="u-page__item__color-box__item"
-				    style="background-color: #9acafc;"
-				>
-					<text class="u-page__item__color-box__item__title">Disabled</text>
-					<text class="u-page__item__color-box__item__value">#9acafc</text>
-				</view>
-				<view
-				    class="u-page__item__color-box__item"
-				    style="background-color: #ecf5ff;"
-				>
-					<text class="u-page__item__color-box__item__title u-tips-color">Light</text>
-					<text class="u-page__item__color-box__item__value u-tips-color">#ecf5ff</text>
-				</view>
-			</view>
-		</view>
-		<view class="u-page__item">
-			<text class="u-page__item__title">Error</text>
-			<view class="u-page__item__color-box">
-				<view
-				    class="u-page__item__color-box__item"
-				    style="background-color: #f56c6c;"
-				>
-					<text class="u-page__item__color-box__item__title">Error</text>
-					<text class="u-page__item__color-box__item__value">#f56c6c</text>
-				</view>
-				<view
-				    class="u-page__item__color-box__item"
-				    style="background-color: #e45656;"
-				>
-					<text class="u-page__item__color-box__item__title">Dark</text>
-					<text class="u-page__item__color-box__item__value">#e45656</text>
-				</view>
-				<view
-				    class="u-page__item__color-box__item"
-				    style="background-color: #f7b2b2;"
-				>
-					<text class="u-page__item__color-box__item__title">Disabled</text>
-					<text class="u-page__item__color-box__item__value">#f7b2b2</text>
-				</view>
-				<view
-				    class="u-page__item__color-box__item"
-				    style="background-color: #fef0f0;"
-				>
-					<text class="u-page__item__color-box__item__title u-tips-color">Light</text>
-					<text class="u-page__item__color-box__item__value u-tips-color">#fef0f0</text>
-				</view>
-			</view>
-		</view>
-		<view class="u-page__item">
-			<text class="u-page__item__title">Warning</text>
-			<view class="u-page__item__color-box">
-				<view
-				    class="u-page__item__color-box__item"
-				    style="background-color: #f9ae3d;"
-				>
-					<text class="u-page__item__color-box__item__title">Warning</text>
-					<text class="u-page__item__color-box__item__value">#f9ae3d</text>
-				</view>
-				<view
-				    class="u-page__item__color-box__item"
-				    style="background-color: #f1a532;"
-				>
-					<text class="u-page__item__color-box__item__title">Dark</text>
-					<text class="u-page__item__color-box__item__value">#f1a532</text>
-				</view>
-				<view
-				    class="u-page__item__color-box__item"
-				    style="background-color: #f9d39b;"
-				>
-					<text class="u-page__item__color-box__item__title">Disabled</text>
-					<text class="u-page__item__color-box__item__value">#f9d39b</text>
-				</view>
-				<view
-				    class="u-page__item__color-box__item"
-				    style="background-color: #fdf6ec;"
-				>
-					<text class="u-page__item__color-box__item__title u-tips-color">Light</text>
-					<text class="u-page__item__color-box__item__value u-tips-color">#fdf6ec</text>
-				</view>
-			</view>
-		</view>
-		<view class="u-page__item">
-			<text class="u-page__item__title">Info</text>
-			<view class="u-page__item__color-box">
-				<view
-				    class="u-page__item__color-box__item"
-				    style="background-color: #909399;"
-				>
-					<text class="u-page__item__color-box__item__title">Info</text>
-					<text class="u-page__item__color-box__item__value">#909399</text>
-				</view>
-				<view
-				    class="u-page__item__color-box__item"
-				    style="background-color: #767a82;"
-				>
-					<text class="u-page__item__color-box__item__title">Dark</text>
-					<text class="u-page__item__color-box__item__value">#767a82</text>
-				</view>
-				<view
-				    class="u-page__item__color-box__item"
-				    style="background-color: #c4c6c9;"
-				>
-					<text class="u-page__item__color-box__item__title">Disabled</text>
-					<text class="u-page__item__color-box__item__value">#c4c6c9</text>
-				</view>
-				<view
-				    class="u-page__item__color-box__item"
-				    style="background-color: #f4f4f5;"
-				>
-					<text class="u-page__item__color-box__item__title u-tips-color">Light</text>
-					<text class="u-page__item__color-box__item__value u-tips-color">#f4f4f5</text>
-				</view>
-			</view>
-		</view>
-		<view class="u-page__item">
-			<text class="u-page__item__title">Success</text>
-			<view class="u-page__item__color-box">
-				<view
-				    class="u-page__item__color-box__item"
-				    style="background-color: #5ac725;"
-				>
-					<text class="u-page__item__color-box__item__title">Success</text>
-					<text class="u-page__item__color-box__item__value">#5ac725</text>
-				</view>
-				<view
-				    class="u-page__item__color-box__item"
-				    style="background-color: #53c21d;"
-				>
-					<text class="u-page__item__color-box__item__title">Dark</text>
-					<text class="u-page__item__color-box__item__value">#53c21d</text>
-				</view>
-				<view
-				    class="u-page__item__color-box__item"
-				    style="background-color: #a9e08f;"
-				>
-					<text class="u-page__item__color-box__item__title">Disabled</text>
-					<text class="u-page__item__color-box__item__value">#a9e08f</text>
-				</view>
-				<view
-				    class="u-page__item__color-box__item"
-				    style="background-color: #f5fff0;"
-				>
-					<text class="u-page__item__color-box__item__title u-tips-color">Light</text>
-					<text class="u-page__item__color-box__item__value u-tips-color">#f5fff0</text>
-				</view>
-			</view>
-		</view>
-		<view class="u-page__item">
-			<text class="u-page__item__title">文字颜色</text>
-			<view class="u-page__item__color-box">
-				<view
-				    class="u-page__item__color-box__item"
-				    style="background-color: #303133;"
-				>
-					<text class="u-page__item__color-box__item__title">主要文字</text>
-					<text class="u-page__item__color-box__item__value">#303133</text>
-				</view>
-				<view
-				    class="u-page__item__color-box__item"
-				    style="background-color: #606266;"
-				>
-					<text class="u-page__item__color-box__item__title">常规文字</text>
-					<text class="u-page__item__color-box__item__value">#606266</text>
-				</view>
-				<view
-				    class="u-page__item__color-box__item"
-				    style="background-color: #909399;"
-				>
-					<text class="u-page__item__color-box__item__title">次要文字</text>
-					<text class="u-page__item__color-box__item__value">#909399</text>
-				</view>
-				<view
-				    class="u-page__item__color-box__item"
-				    style="background-color: #c0c4cc;"
-				>
-					<text class="u-page__item__color-box__item__title">占位文字</text>
-					<text class="u-page__item__color-box__item__value">#c0c4cc</text>
-				</view>
-			</view>
-		</view>
-		<view class="u-page__item">
-			<text class="u-page__item__title">边框颜色</text>
-			<view class="u-page__item__color-box">
-				<view
-				    class="u-page__item__color-box__item"
-				    style="background-color: #9a9998;"
-				>
-					<text class="u-page__item__color-box__item__title ">一级边框</text>
-					<text class="u-page__item__color-box__item__value ">#9a9998</text>
-				</view>
-				<view
-				    class="u-page__item__color-box__item"
-				    style="background-color: #b4b3b1;"
-				>
-					<text class="u-page__item__color-box__item__title ">二级边框</text>
-					<text class="u-page__item__color-box__item__value ">#b4b3b1</text>
-				</view>
-				<view
-				    class="u-page__item__color-box__item"
-				    style="background-color: #ceccca;"
-				>
-					<text class="u-page__item__color-box__item__title ">三级边框</text>
-					<text class="u-page__item__color-box__item__value ">#ceccca</text>
-				</view>
-				<view
-				    class="u-page__item__color-box__item"
-				    style="background-color: #e7e6e4;"
-				>
-					<text class="u-page__item__color-box__item__title u-tips-color">四级边框</text>
-					<text class="u-page__item__color-box__item__value u-tips-color">#e7e6e4</text>
-				</view>
-			</view>
-		</view>
-		<view class="u-page__item">
-			<text class="u-page__item__title">背景颜色</text>
-			<view class="u-page__item__color-box">
-				<view
-				    class="u-page__item__color-box__item"
-				    style="background-color: #f3f4f6;"
-				>
-					<text class="u-page__item__color-box__item__title u-tips-color">背景颜色</text>
-					<text class="u-page__item__color-box__item__value u-tips-color">#f3f4f6</text>
-				</view>
-			</view>
-		</view>
-	</view>
-</template>
-
-<style lang="scss">
-	.u-page {
-		padding: 15px;
-
-		&__item {
-
-			&__title {
-				font-size: 15px;
-				color: $u-content-color;
-				margin-top: 16px;
-				margin-bottom: 4px;
-			}
-
-			&__color-box {
-				@include flex;
-				justify-content: space-between;
-
-				&__item {
-					width: 160rpx;
-					@include flex(column);
-					align-items: center;
-					justify-content: center;
-					padding: 5px 0;
-					border-radius: 3px;
-
-					&__title {
-						font-size: 13px;
-						color: #fff;
-					}
-
-					&__value {
-						font-size: 14px;
-						color: #fff;
-					}
-				}
-			}
-		}
-	}
-
-	.u-tips-color {
-		color: $u-tips-color;
-	}
-</style>

src/pages/componentsB/countDown/countDown.nvue

@@ -1,239 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础用法</text>
-			<view class="u-demo-block__content">
-				<up-count-down
-				    :time="30 * 60 * 60 * 1000"
-				    format="HH:mm:ss"
-				    autoStart
-				    millisecond
-					@finish="finish"
-				>
-				</up-count-down>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义格式</text>
-			<view class="u-demo-block__content">
-				<up-count-down
-				    :time="30 * 60 * 60 * 1000"
-				    format="DD:HH:mm:ss"
-				    autoStart
-				    millisecond
-				    @change="onChange"
-				>
-					<view class="time">
-						<text class="time__item">{{ timeData.days }}&nbsp;天</text>
-						<text class="time__item">{{ timeData.hours>10?timeData.hours:'0'+timeData.hours}}&nbsp;时</text>
-						<text class="time__item">{{ timeData.minutes }}&nbsp;分</text>
-						<text class="time__item">{{ timeData.seconds }}&nbsp;秒</text>
-					</view>
-				</up-count-down>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">毫秒级渲染</text>
-			<view class="u-demo-block__content">
-				<up-count-down
-				    :time="30 * 60 * 60 * 1000"
-				    format="HH:mm:ss:SSS"
-				    autoStart
-				    millisecond
-				>
-				</up-count-down>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义样式</text>
-			<view class="u-demo-block__content">
-				<up-count-down
-				    :time="30 * 60 * 60 * 1000"
-				    format="HH:mm:ss"
-				    autoStart
-				    millisecond
-				    @change="onChange"
-				>
-					<view class="time">
-						<view class="time__custom">
-							<text class="time__custom__item">{{ timeData.hours>10?timeData.hours:'0'+timeData.hours}}</text>
-						</view>
-						<text class="time__doc">:</text>
-						<view class="time__custom">
-							<text class="time__custom__item">{{ timeData.minutes }}</text>
-						</view>
-						<text class="time__doc">:</text>
-						<view class="time__custom">
-							<text class="time__custom__item">{{ timeData.seconds }}</text>
-						</view>
-					</view>
-				</up-count-down>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">手动控制</text>
-			<view class="u-demo-block__content">
-				<up-count-down
-				    ref="countDown"
-				    :time="3* 1000"
-				    format="ss:SSS"
-				    :autoStart="false"
-				    millisecond
-				>
-				</up-count-down>
-			</view>
-			<up-grid
-			    :border="true"
-			    :customStyle="{marginTop:10+'px'}"
-			>
-				<up-grid-item @click="reset">
-					<view class="count-down__grid-item">
-						<up-icon
-						    name="reload"
-						    :size="22"
-						></up-icon>
-						<text class="count-down__grid-item__grid-text">重置</text>
-					</view>
-				</up-grid-item>
-				<up-grid-item @click="start">
-					<view class="count-down__grid-item">
-						<view class="count-down__grid-item__circle">
-							<up-icon
-							    color="#fff"
-							    name="play-right-fill"
-							    :size="22"
-							></up-icon>
-						</view>
-						<text class="count-down__grid-item__grid-text">开始</text>
-					</view>
-				</up-grid-item>
-				<up-grid-item @click="pause">
-					<view class="count-down__grid-item">
-						<up-icon
-						    name="pause-circle"
-						    :size="22"
-						></up-icon>
-						<text class="count-down__grid-item__grid-text">暂停</text>
-					</view>
-				</up-grid-item>
-			</up-grid>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				timeData: {},
-			}
-		},
-		onLoad() {
-
-		},
-		methods: {
-			//开始
-			start() {
-				this.$refs.countDown.start();
-			},
-			// 暂停
-			pause() {
-				this.$refs.countDown.pause();
-			},
-			// 重置
-			reset() {
-				this.$refs.countDown.reset();
-			},
-			onChange(e) {
-				this.timeData = e
-			},
-			finish() {
-				console.log('finish');
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.u-page {
-		
-	}
-
-	.time {
-		@include flex;
-		align-items: center;
-
-		&__custom {
-			margin-top: 4px;
-			width: 22px;
-			height: 22px;
-			background-color: $u-primary;
-			border-radius: 4px;
-			/* #ifndef APP-NVUE */
-			display: flex;
-			/* #endif */
-			justify-content: center;
-			align-items: center;
-
-			&__item {
-				color: #fff;
-				font-size: 12px;
-				text-align: center;
-			}
-		}
-
-		&__doc {
-			color: $u-primary;
-			padding: 0px 4px;
-		}
-
-		&__item {
-			color: #606266;
-			font-size: 15px;
-			margin-right: 4px;
-		}
-	}
-
-	.u-view {
-		padding: 40px 20px 0px 20px;
-
-		&__title {
-			font-size: 14px;
-			color: rgb(143, 156, 162);
-			margin-bottom: 10px;
-		}
-	}
-
-	// 手动控制的btn样式
-	.count-down {
-		&__grid-item {
-			width: 70px;
-			height: 70px;
-			@include flex;
-			justify-content: center;
-			align-items: center;
-
-			&__circle {
-				width: 32px;
-				height: 32px;
-				border-radius: 32px;
-				background-color: $u-primary;
-				/* #ifndef APP-NVUE */
-				display: flex;
-				/* #endif */
-				justify-content: center;
-				align-items: center;
-				box-shadow: 1px 1px 4px rgba(155, 191, 255, .7);
-			}
-
-			&__grid-text {
-				font-size: 14px;
-				color: #909399;
-				/* #ifndef APP-PLUS */
-				box-sizing: border-box;
-				/* #endif */
-				margin-left: 6px;
-			}
-		}
-	}
-</style>

src/pages/componentsB/countTo/countTo.nvue

@@ -1,176 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础功能</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__tag-item">
-					<up-count-to
-						:endVal="value"
-						@end="end"
-					></up-count-to>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">倒计数</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__tag-item">
-					<up-count-to :startVal="startVal1"></up-count-to>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">显示小数位</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__tag-item">
-					<up-count-to
-						:startVal="startVal2"
-						:endVal="endVal"
-						:decimals="decimals"
-					></up-count-to>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">千分位分隔符</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__tag-item">
-					<up-count-to
-						:startVal="startVal3"
-						:endVal="endVal2"
-						separator=","
-						:decimals="decimals"
-					></up-count-to>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义控制</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__tag-item">
-					<up-count-to
-						ref="uCountTo"
-						:endVal="endVal3"
-						:autoplay="autoplay"
-					></up-count-to>
-				</view>
-			</view>
-			<view class="u-demo-block__content">
-				<view
-					class=""
-					style="flex: 1;"
-				>
-					<up-grid
-						border
-						align="center"
-						customStyle="margin-top: 20px;margin-bottom: 20"
-					>
-						<up-grid-item @click="start">
-							<view class="u-grid-slot">
-								<view class="u-grid-slot__circle">
-									<text class="u-grid-slot__circle__text">开始</text>
-								</view>
-							</view>
-						</up-grid-item>
-						<up-grid-item @click="paused">
-							<view class="u-grid-slot">
-								<view class="u-grid-slot__circle">
-									<text class="u-grid-slot__circle__text">暂停</text>
-								</view>
-							</view>
-						</up-grid-item>
-						<up-grid-item @click="resume">
-							<view class="u-grid-slot">
-								<view class="u-grid-slot__circle">
-									<text class="u-grid-slot__circle__text">继续</text>
-								</view>
-							</view>
-						</up-grid-item>
-					</up-grid>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__tag-item">
-					<up-count-to
-						:endVal="value"
-						color="#909399"
-						:fontSize="fontSize"
-						:bold="true"
-					></up-count-to>
-				</view>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				value: 3000,
-				startVal1: 300,
-				startVal2: 100.00,
-				endVal: 10.55,
-				decimals: 2,
-				startVal3: 2000,
-				endVal2: 1542,
-				endVal3: 3000,
-				autoplay: false,
-				color: '#FF0000',
-				fontSize: 40,
-			}
-		},
-		onLoad() {
-			// setTimeout(() => {
-			// 	this.value = 3000
-			// }, 3000)
-		},
-		methods: {
-			start() {
-				this.$refs.uCountTo.start();
-			},
-			paused() {
-				this.$refs.uCountTo.stop()
-			},
-			resume() {
-				this.$refs.uCountTo.resume()
-			},
-			end() {
-				console.log('end');
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.u-demo-block__content {
-		flex-direction: row;
-		flex-wrap: wrap;
-		align-items: center;
-	}
-
-	.u-grid-slot {
-		border-radius: 100px;
-		border-color: #dbfbdb;
-		border-width: 2px;
-		@include flex;
-
-		&__circle {
-			width: 50px;
-			height: 50px;
-			background-color: #dbfbdb;
-			border-radius: 100px;
-			justify-content: center;
-			align-items: center;
-			margin: 2px;
-
-			&__text {
-				color: rgb(25, 190, 107);
-				font-size: 13px;
-			}
-		}
-	}
-</style>

src/pages/componentsB/dropdown/dropdown.nvue

@@ -1,173 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-m-p-50">
-			<view class="u-demo-area u-flex u-row-center">
-				<up-dropdown :close-on-click-mask="mask" ref="uDropdownRef" :activeColor="activeColor" :borderBottom="borderBottom">
-					<up-dropdown-item @change="change" v-model="value1" title="距离" :options="options1"></up-dropdown-item>
-					<up-dropdown-item @change="change" v-model="value2" title="温度" :options="options2"></up-dropdown-item>
-					<up-dropdown-item title="属性">
-						<view class="slot-content">
-							<view class="item-box">
-								<view class="item" :class="[item.active ? 'active' : '']" @tap="tagClick(index)" v-for="(item, index) in list" :key="index">
-									{{item.label}}
-								</view>
-							</view>
-							<up-button type="primary" @click="closeDropdown">确定</up-button>
-						</view>
-					</up-dropdown-item>
-				</up-dropdown>
-			</view>
-		</view>
-		<view class="u-config-wrap">
-            <view class="u-demo-block">
-                <text class="u-demo-block__title">参数配置</text>
-            </view>
-            <view class="u-demo-block">
-                <text class="u-demo-block__title">下边框</text>
-                <view class="u-demo-block__content">
-                    <up-subsection current="1" :list="['有', '无']" @change="borderChange"></up-subsection>
-                </view>
-            </view>
-			<view class="u-demo-block">
-                <text class="u-demo-block__title">激活颜色</text>
-                <view class="u-demo-block__content">
-                    <up-subsection :list="['#2979ff', '#ff9900', '#19be6b']" @change="activeColorChange"></up-subsection>
-                </view>
-            </view>
-            <view class="u-demo-block">
-                <text class="u-demo-block__title">遮罩是否可点击</text>
-                <view class="u-demo-block__content">
-                    <up-subsection :list="['是', '否']" @change="maskChange"></up-subsection>
-                </view>
-            </view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() { 
-			return {
-				value1: '',
-				value2: '2',
-				mask: true,
-				options1: [{
-						label: '默认排序',
-						value: 1,
-					},
-					{
-						label: '距离优先',
-						value: 2,
-					},
-					{
-						label: '价格优先',
-						value: 3,
-					}
-				],
-				options2: [{
-						label: '去冰',
-						value: 1,
-					},
-					{
-						label: '加冰',
-						value: 2,
-					},
-					{
-						label: '正常温',
-						value: 3,
-					},
-					{
-						label: '加热',
-						value: 4,
-					},
-					{
-						label: '极寒风暴',
-						value: 5,
-					}
-				],
-				list: [{
-						label: '琪花瑶草',
-						active: true,
-					},
-					{
-						label: '清词丽句',
-						active: false,
-					},
-					{
-						label: '宛转蛾眉',
-						active: false,
-					},
-					{
-						label: '煦色韶光',
-						active: false,
-					},
-					{
-						label: '鱼沉雁落',
-						active: false,
-					},
-					{
-						label: '章台杨柳',
-						active: false,
-					},
-					{
-						label: '霞光万道',
-						active: false,
-					}
-				],
-				borderBottom: false,
-				activeColor: '#2979ff'
-			}
-		},
-		methods: {
-			borderChange(index) {
-				this.borderBottom = !index;
-			},
-			activeColorChange(index) {
-				this.activeColor = ['#2979ff', '#ff9900', '#19be6b'][index];
-			},
-			change(index) {
-				this.$u.toast(`点击了第${index}项`);
-			},
-			closeDropdown() {
-				this.$refs.uDropdownRef.close();
-			},
-			tagClick(index) {
-				this.list[index].active = !this.list[index].active;
-			},
-			maskChange(index) {
-				this.mask = !index;
-			}
-		}
-	}
-</script>
-
-<style scoped lang="scss">
-	.u-config-wrap {
-		padding: 20px;
-	}
-	
-	.slot-content {
-		background-color: #FFFFFF;
-		padding: 24rpx;
-		
-		.item-box {
-			margin-bottom: 50rpx;
-			display: flex;
-			flex-wrap: wrap;
-			justify-content: space-between;
-			
-			.item {
-				border: 1px solid $u-primary;
-				color: $u-primary;
-				padding: 8rpx 40rpx;
-				border-radius: 100rpx;
-				margin-top: 30rpx;
-			}
-			
-			.active {
-				color: #FFFFFF;
-				background-color: $u-primary;
-			}
-		}
-	}
-</style>

src/pages/componentsB/keyboard/keyboard.nvue

@@ -1,132 +0,0 @@
-<template>
-	<view class="u-page">
-		<up-navbar
-			title="键盘"
-			@leftClick="navigateBack"
-			safeAreaInsetTop
-			fixed
-			placeholder
-		></up-navbar>
-		<up-gap height="20" bgColor="#fff"></up-gap>
-		<up-cell-group>
-			<up-cell
-			    :titleStyle="{fontWeight: 500}"
-			    @click="openKeyboard(index)"
-			    :title="item.title"
-			    v-for="(item, index) in list"
-			    :key="index"
-			    isLink
-			>
-				<template #icon>
-					<image
-						class="u-cell-icon"
-						:src="item.iconUrl"
-						mode="widthFix"
-					></image>
-				</template>
-			</up-cell>
-		</up-cell-group>
-		<up-keyboard
-		    :mode="keyData.mode"
-		    :dotDisabled="keyData.dotDisabled"
-		    :random='keyData.random'
-		    :show="show"
-		    @close="close"
-			@cancel="cancel"
-			@confirm="confirm"
-			@change="change"
-			@backspace="backspace"
-		></up-keyboard>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				input: '',
-				keyData: {
-					mode: '',
-					dotDisabled: false,
-					random: false,
-				},
-				list: [{
-						title: '车牌号键盘',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/keyboard/car.png'
-					},
-					{
-						title: '数字键盘',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/keyboard/number.png'
-					},
-					{
-						title: '身份证键盘',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/keyboard/IdCard.png'
-					},
-					{
-						title: '隐藏键盘"."符号',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/keyboard/dot.png'
-					},
-					{
-						title: '打乱键盘按键的顺序',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/keyboard/order.png'
-					},
-				],
-				show: false
-			}
-		},
-		methods: {
-			navigateBack() {
-				uni.navigateBack();
-			},
-			// 点击展示不同的键盘
-			openKeyboard(indexNum) {
-				this.keyData = {
-					mode: '',
-					dotDisabled: false,
-					random: false,
-				}
-				if (indexNum == 0) {
-					this.keyData.mode = ''
-				} else if (indexNum == 1) {
-					this.keyData.mode = 'number'
-				} else if (indexNum == 2) {
-					this.keyData.mode = 'card'
-				} else if (indexNum == 3) {
-					this.keyData.mode = 'number'
-					this.keyData.dotDisabled = true
-				} else if (indexNum == 4) {
-					this.keyData.mode = 'number'
-					this.keyData.random = true
-				}
-				this.input = ''
-				this.show = true
-			},
-			change(e) {
-				// console.log('change');
-				this.input += e
-			},
-			close() {
-				// console.log('close');
-				this.show = false
-			},
-			cancel() {
-				// console.log('cancel');
-				this.show = false
-			},
-			confirm() {
-				// console.log('confirm');
-				this.show = false
-			},
-			backspace() {
-				this.input = this.input.slice(0, -1)
-			}
-
-		}
-	}
-</script>
-
-<style lang="scss">
-	.u-page {
-		padding: 0;
-	}
-</style>

src/pages/componentsB/noticeBar/noticeBar.nvue

@@ -1,104 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础功能</text>
-			<view class="u-demo-block__content">
-				<up-notice-bar
-				    :text="text1"
-				></up-notice-bar>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">可关闭</text>
-			<view class="u-demo-block__content">
-				<up-notice-bar
-				    :text="text5"
-					mode="closable"
-				></up-notice-bar>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义横向滚动速度</text>
-			<view class="u-demo-block__content">
-				<up-notice-bar
-				    :text="text2"
-					speed="250"
-					mode="closable"
-				></up-notice-bar>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">可跳转(点击右箭头)</text>
-			<view class="u-demo-block__content">
-				<up-notice-bar
-				    :text="text3"
-					mode="link"
-					url="/pages/componentsB/tag/tag"
-				></up-notice-bar>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">横向步进滚动</text>
-			<view class="u-demo-block__content">
-				<up-notice-bar
-				    :text="text4"
-					:step="true"
-					@click="click"
-				></up-notice-bar>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">纵向滚动</text>
-			<view class="u-demo-block__content">
-				<up-notice-bar
-				    :text="text4"
-					direction="column"
-					@click="click"
-				></up-notice-bar>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义样式</text>
-			<view class="u-demo-block__content">
-				<up-notice-bar
-				    :text="text1"
-					color="#ffffff"
-					bgColor="#f56c6c"
-				></up-notice-bar>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				text1: 'uview-plus众多组件覆盖开发过程的各个需求，组件功能丰富，多端兼容。让您快速集成，开箱即用',
-				text2: 'uview-plus众多的贴心小工具，是您开发过程中召之即来的利器，让您飞镖在手，百步穿杨',
-				text3: 'uview-plus收集众多的常用页面和布局，减少开发者的重复工作，让您专注逻辑，事半功倍',
-				text4: [
-					'寒雨连江夜入吴',
-					'平明送客楚山孤',
-					'洛阳亲友如相问',
-					'一片冰心在玉壶'
-				],
-				text5: '涵盖uniapp各个方面，给开发者方向指导和设计理念，让您茅塞顿开，一马平川'
-			}
-		},
-		onLoad() {
-			
-		},
-		methods: {
-			click(e) {
-				console.log(e)
-			}
-		},
-	}
-</script>
-
-<style lang="scss">
-	.u-demo-block__content {
-		@include flex(column);
-	}
-</style>

src/pages/componentsB/notify/notify.nvue

@@ -1,147 +0,0 @@
-<template>
-	<view class="u-page">
-		<up-gap
-			height="30"
-			bgColor="#fff"
-		></up-gap>
-		<up-cell-group>
-			<up-cell
-				:titleStyle="{fontWeight: 500}"
-				@click="openNotify(item.notifyData)"
-				:title="item.title"
-				v-for="(item, index) in list"
-				:key="index"
-				isLink
-			>
-				<template #icon>
-					<image
-						class="u-cell-icon"
-						:src="item.iconUrl"
-						mode="widthFix"
-					></image>
-				</template>
-			</up-cell>
-		</up-cell-group>
-		<up-notify ref="uNotify"></up-notify>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				show: false,
-				notifyData: {
-					message: 'notify顶部提示',
-					type: 'primary',
-					color: '#ffffff',
-					bgColor: '',
-					fontSize: 15,
-					duration: 3000,
-				},
-				list: [{
-						notifyData: {
-							message: 'notify顶部提示',
-							type: 'primary',
-							color: '#ffffff',
-							bgColor: '',
-							fontSize: 15,
-							duration: 3000
-						},
-						title: '主要通知',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/notify/main.png'
-					}, {
-						notifyData: {
-							message: 'notify顶部提示',
-							type: 'success',
-							color: '#ffffff',
-							bgColor: '',
-							fontSize: 15,
-							duration: 3000,
-							safeAreaInsetTop: false
-						},
-						title: '成功通知',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/notify/success.png'
-					}, {
-						notifyData: {
-							message: 'notify顶部提示',
-							type: 'error',
-							color: '#ffffff',
-							bgColor: '',
-							fontSize: 14,
-							duration: 3000,
-							safeAreaInsetTop: false
-						},
-						title: '危险通知',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/notify/error.png'
-					}, {
-						notifyData: {
-							message: 'notify顶部提示',
-							type: 'warning',
-							color: '#ffffff',
-							bgColor: '',
-							fontSize: 15,
-							duration: 3000,
-							safeAreaInsetTop: false
-						},
-						title: '警告通知',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/notify/warning.png'
-					},
-					{
-						notifyData: {
-							message: 'notify顶部提示',
-							color: '#fff',
-							bgColor: '#000',
-							fontSize: 15,
-							duration: 3000,
-							safeAreaInsetTop: false
-						},
-						title: '自定义样式',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/notify/customStyle.png'
-					},
-					{
-						notifyData: {
-							message: 'notify顶部提示',
-							type: 'primary',
-							color: '#ffffff',
-							bgColor: '',
-							fontSize: 15,
-							duration: 6000,
-							safeAreaInsetTop: false
-						},
-						title: '自定义时间',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/notify/customTime.png'
-					},
-					{
-						notifyData: {
-							message: 'notify顶部提示',
-							color: '#fff',
-							bgColor: '',
-							fontSize: 15,
-							duration: 3000,
-							safeAreaInsetTop: true
-						},
-						title: '插入状态栏高度',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/notify/height.png'
-					}
-				]
-			}
-		},
-		onLoad() {},
-		methods: {
-			openNotify(params) {
-				this.$refs.uNotify.show({
-					...params
-				})
-				// 也可以通过主题形式调用，如：
-				// this.$refs.uNotify.primary('Primary主题')
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.u-page {
-		padding: 0;
-	}
-</style>

src/pages/componentsB/numberBox/numberBox.nvue

@@ -1,264 +0,0 @@
-<template>
-	<view class="">
-		<up-cell-group :border="true">
-			<up-cell
-			    :border="true"
-			    title="基础用法"
-			>
-				<template v-slot:right-icon>
-					<up-number-box
-					    v-model="value1"
-					    step="1"
-					    @change="change"
-					>
-					</up-number-box>
-				</template>
-			</up-cell>
-			<up-cell
-			    :border="true"
-			    title="步长设置"
-			>
-				<template v-slot:right-icon>
-					<up-number-box
-						v-model="value2"
-						:step="step1"
-						@change="change"
-					>
-					</up-number-box>
-				</template>
-			</up-cell>
-			<up-cell
-			    :border="true"
-			    title="限制输入范围"
-			>
-				<template v-slot:right-icon>
-					<up-number-box
-						v-model="value3"
-						step="1"
-						:min="min1"
-						:max="max1"
-						@change="change"
-					>
-					</up-number-box>
-				</template>
-			</up-cell>
-			<up-cell
-			    :border="true"
-			    title="限制输入整数"
-			>
-				<template v-slot:right-icon>
-					<up-number-box
-						v-model="value4"
-						step="1"
-						integer
-						@change="change"
-					>
-					</up-number-box>
-				</template>
-			</up-cell>
-			<up-cell
-			    :border="true"
-			    title="禁用状态"
-			>
-				<template v-slot:right-icon>
-					<up-number-box
-						v-model="value5"
-						step="1"
-						:disabled="true"
-						@change="change"
-					>
-					</up-number-box>
-				</template>
-			</up-cell>
-			<up-cell
-			    :border="true"
-			    title="禁用输入框"
-			>
-				<template v-slot:right-icon>
-					<up-number-box
-						v-model="value6"
-						step="1"
-						:disabledInput="true"
-						@change="change"
-					>
-					</up-number-box>
-				</template>
-			</up-cell>
-			<up-cell
-			    :border="true"
-			    title="禁用长按"
-			>
-				<template v-slot:right-icon>
-					<up-number-box
-						v-model="value7"
-						step="1"
-						:longPress="false"
-						@change="change"
-					>
-					</up-number-box>
-				</template>
-			</up-cell>
-			<up-cell
-			    :border="true"
-			    title="固定小数位数"
-			>
-				<template v-slot:right-icon>
-					<up-number-box
-						v-model="value8"
-						step="0.2"
-						decimalLength="1"
-						@change="change"
-					>
-					</up-number-box>
-				</template>
-			</up-cell>
-			<up-cell
-			    :border="true"
-			    title="异步变更"
-			>
-				<template v-slot:right-icon>
-					<up-number-box
-						v-model="value9"
-						step="1"
-						:asyncChange="asyncChange"
-						@change="myAsyncChange"
-					>
-					</up-number-box>
-				</template>
-			</up-cell>
-			<up-cell
-			    :border="true"
-			    title="自定义大小颜色样式"
-			>
-				<template v-slot:right-icon>
-					<up-number-box
-						v-model="value10"
-						step="1"
-						:color="color"
-						:buttonSize="buttonSize"
-						:bgColor="bgColor"
-						@change="change"
-						iconStyle="color: #fff"
-					>
-					</up-number-box>
-				</template>
-			</up-cell>
-			<up-cell
-			    :border="true"
-			    title="自定义(为0时减少按钮会消失)"
-			>
-				<template v-slot:right-icon>
-					<up-number-box
-						v-model="value11"
-						step="1"
-						:min="0"
-						:showMinus="value11 > 0"
-					>
-						<template v-slot:minus>
-							<view
-								class="minus"
-							>
-								<up-icon
-									name="minus"
-									size="12"
-								></up-icon>
-							</view>
-						</template>
-						<template v-slot:input>
-							<text
-								style="width: 50px;text-align: center;"
-								class="input"
-							>{{value11}}</text>
-						</template>
-						<template v-slot:plus>
-							<view
-								class="plus"
-							>
-								<up-icon
-									name="plus"
-									color="#FFFFFF"
-									size="12"
-								></up-icon>
-							</view>
-						</template>
-					</up-number-box>
-				</template>
-			</up-cell>
-		</up-cell-group>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				value1: 3,
-				value2: 3,
-				value3: 3,
-				value4: 3,
-				value5: 3,
-				value6: 3,
-				value7: 3,
-				value8: 3.1,
-				value9: 3,
-				value10: 3,
-				value11: 3,
-				step1: 2,
-				min1: 5,
-				max1: 8,
-				asyncChange: true,
-				color: '#FFFFFF',
-				buttonSize: 36,
-				bgColor: '#2979ff'
-			}
-		},
-		methods: {
-			change(e) {
-				console.log('change', e);
-			},
-			myAsyncChange(e) {
-				this.asyncChange = false
-				uni.showLoading({
-					title: '正在加载'
-				})
-				setTimeout(() => {
-					uni.hideLoading()
-					this.value9 = e
-					this.asyncChange = true
-				}, 3000)
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.minus {
-		width: 22px;
-		height: 22px;
-		border-width: 1px;
-		border-color: #E6E6E6;
-		border-top-left-radius: 100px;
-		border-top-right-radius: 100px;
-		border-bottom-left-radius: 100px;
-		border-bottom-right-radius: 100px;
-		@include flex;
-		justify-content: center;
-		align-items: center;
-	}
-
-	.input {
-		padding: 0 10px;
-	}
-
-	.plus {
-		width: 22px;
-		height: 22px;
-		background-color: #FF0000;
-		border-radius: 50%;
-		/* #ifndef APP-NVUE */
-		display: flex;
-		/* #endif */
-		justify-content: center;
-		align-items: center;
-	}
-</style>

src/pages/componentsB/parse/content.js

@@ -1,203 +0,0 @@
-/**
- * @fileoverview 用于测试的 html 内容
- */
-export default `<title>富文本示例</title>
-<div>
-  <section style="text-align: center; margin: 0px auto;">
-    <section style="border-radius: 4px; border: 1px solid #757576; display: inline-block; padding: 5px 20px;">
-      <span style="font-size: 18px; color: #595959;">表格</span>
-    </section>
-  </section>
-  <section style="margin-top: 1.5em;">
-    <table width="100%" cellspacing="0" cellpadding="5">
-      <thead>
-        <tr>
-          <th>标题 1</th>
-          <th>标题 2</th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr>
-          <td align="center">内容 1</td>
-          <td align="center">内容 2</td>
-        </tr>
-        <tr style="background-color: #f6f8fa;">
-          <td align="center">内容 3</td>
-          <td align="center"><a>链接</a></td>    
-        </tr>
-        <tr>
-          <td align="center">内容 5</td>
-          <td align="center">内容 6</td>
-        </tr>
-      </tbody>
-    </table>
-    <div style="font-size: 12px; color: gray; text-align: center; margin-top: 5px;">普通表格</div>
-  </section>
-  <section style="margin-top: 1.5em;">
-    <table width="500px" cellspacing="0" cellpadding="5">
-      <thead>
-        <tr>
-          <th>标题 1</th>
-          <th>标题 2</th>
-          <th>标题 3</th>
-          <th>标题 4</th>
-          <th>标题 5</th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr>
-          <td align="center">内容 1</td>
-          <td align="center">内容 2</td>
-          <td align="center">内容 3</td>
-          <td align="center">内容 4</td>
-          <td align="center">内容 5</td>
-        </tr>
-        <tr style="background-color: #f6f8fa;">
-          <td align="center"><a>链接</a></td>
-          <td align="center">内容 7</td>
-          <td align="center">内容 8</td>
-          <td align="center">内容 9</td>
-          <td align="center">内容 10</td>
-        </tr>
-        <tr>
-          <td align="center">内容 11</td>
-          <td align="center">内容 12</td>
-          <td align="center">内容 13</td>
-          <td align="center">内容 14</td>
-          <td align="center">内容 15</td>
-        </tr>
-      </tbody>
-    </table>
-    <div style="font-size: 12px; color: gray; text-align: center; margin-top: 5px;">长表格，可以单独横向滚动</div>
-  </section>
-  <section style="margin-top: 1.5em;">
-    <table width="100%" cellspacing="0" cellpadding="5">
-      <thead>
-        <tr>
-          <th align="center">标题 1</th>
-          <th align="center">标题 2</th>
-          <th align="center">标题 3</th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr>
-          <td align="center" colspan="2">内容 1</td>
-          <td align="center" rowspan="2">内容 2</td>
-        </tr>
-        <tr>
-          <td align="center" rowspan="2">内容 3</td>
-          <td align="center">内容 4</td>
-        </tr>
-        <tr>
-          <td align="center" colspan="2">内容 5</td>
-        </tr>
-        <tr>
-          <td align="center">内容 6</td>
-          <td align="center">内容 7</td>
-          <td align="center"><a>链接</a></td>
-        </tr>
-      </tbody>
-    </table>
-    <div style="font-size: 12px; color: gray; text-align: center; margin-top: 5px;">含有合并单元格的表格</div>
-  </section>
-  <section id="list" style="text-align: center; margin: 0px auto; margin-top: 2em">
-    <section style="border-radius: 4px; border: 1px solid #757576; display: inline-block; padding: 5px 20px;">
-      <span style="font-size: 18px; color: #595959;">列表</span>
-    </section>
-  </section>
-  <section style="margin-top: 1.5em;">
-    <ol style="margin-bottom: 1.5em;">
-      <li>这是第一条列表项</li>
-      <li>这是第二条列表项</li>
-      <li>这是第三条 <a>链接</a></li>
-    </ol>
-    <ol type="A" style="margin-bottom: 1.5em;">
-      <li>这是第一条列表项</li>
-      <li>这是第二条列表项</li>
-      <li>这是第三条 <a>链接</a></li>
-    </ol>
-    <ol type="I" style="margin-bottom: 1.5em;">
-      <li>这是第一条列表项</li>
-      <li>这是第二条列表项</li>
-      <li>这是第三条 <a>链接</a></li>
-    </ol>
-    <ul>
-      <li>第一级无序列表</li>
-      <li>第一级无序列表
-        <ul>
-          <li>第二级无序列表</li>
-          <li>第二级无序列表
-            <ul>
-              <li>第三级无序列表</li>
-              <li>第三级 <a>链接</a></li>
-            </ul>
-          </li>
-        </ul>
-      </li>
-    </ul>    
-  </section>
-  <section style="text-align: center; margin: 0px auto; margin-top: 2em">
-    <section style="border-radius: 4px; border: 1px solid #757576; display: inline-block; padding: 5px 20px;">
-      <span style="font-size: 18px; color: #595959;">文本</span>
-    </section>
-  </section>
-  <section style="margin-top: 1.5em;">
-    <p style="margin-bottom: 1em;">
-      <ruby>
-        拼<rp>(</rp><rt>pin</rt><rp>)</rp>
-        音<rp>(</rp><rt>yin</rt><rp>)</rp>
-      </ruby>
-      &nbsp;&nbsp;<i>斜体</i>
-      &nbsp;&nbsp;<b>粗体</b>
-      &nbsp;&nbsp;上标<sup>1</sup>
-      &nbsp;&nbsp;下标<sub>2</sub>
-    </p>
-    <p style="margin-bottom: 1em;">
-      <span style="text-decoration: overline;">上划线</span>
-      &nbsp;&nbsp;<s>中划线</s>
-      &nbsp;&nbsp;<u>下划线</u>
-    </p>
-    <p>
-      <big>大一号</big>
-      &nbsp;&nbsp;<span>正常</span>
-      &nbsp;&nbsp;<small>小一号</small>
-    </p>
-    <h2 style="margin-top: 0.5em;">大标题</h2>
-    <h3 style="margin-top: 0.5em;">中标题</h3>
-    <h4 style="margin-top: 0.5em;">小标题</h4>
-  </section>
-  <section style="text-align: center; margin: 0px auto; margin-top: 2em">
-    <section style="border-radius: 4px; border: 1px solid #757576; display: inline-block; padding: 5px 20px;">
-      <span style="font-size: 18px; color: #595959;">链接</span>
-    </section>
-  </section>
-  <section style="margin-top: 1.5em; text-align: center;">
-    <a href="#">跳转到顶部</a>&nbsp;&nbsp;&nbsp;<a href="#list">跳转到列表</a>
-    <div style="font-size: 12px; color: gray; margin-top: 5px;">锚点链接，将滚动到对应位置</div>
-  </section>
-  <section style="margin-top: 1.5em; text-align: center;">
-    <a href="https://github.com/jin-yufeng/mp-html">外部链接</a>
-    <div style="font-size: 12px; color: gray; margin-top: 5px;">外部链接，将复制链接</div>
-  </section>
-  <section style="margin-top: 1.5em; text-align: center;">
-    <a href="/pages/componentsB/parse/jump">内部链接</a>
-    <div style="font-size: 12px; color: gray; margin-top: 5px;">内部链接，将跳转页面</div>
-  </section>
-  <section style="text-align: center; margin: 0px auto; margin-top: 2em">
-    <section style="border-radius: 4px; border: 1px solid #757576; display: inline-block; padding: 5px 20px;">
-      <span style="font-size: 18px; color: #595959;">图片</span>
-    </section>
-  </section>
-  <section style="margin-top: 1.5em; text-align: center;">
-    <img src="/demo-thumb.jpg?sign=91b3e495d16f96a0df3d263c9ff95821&t=1609059235" original-src="/demo.jpg?sign=af7082bed28711177bd952dbab67373e&t=1609059255">
-    <div style="font-size: 12px; color: gray; margin-top: 5px;">点击预览高清图</div>
-  </section>
-  <section style="margin-top: 1.5em; text-align: center;">
-    <svg width="40px" height="40px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;">
-      <path fill="#000" d="M25.251,6.461c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615V6.461z">
-        <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 25 25" to="360 25 25" dur="0.6s" repeatCount="indefinite"/>
-      </path>
-    </svg>
-    <div style="font-size: 12px; color: gray; margin-top: 5px;">svg 动画</div>
-  </section>
-</div>`

src/pages/componentsB/parse/parse.nvue

@@ -1,52 +0,0 @@
-<template>
-	<view class="u-content">
-		<up-parse container-style="padding: 20px" :content="content" domain="https://6874-html-foe72-1259071903.tcb.qcloud.la/demo" lazy-load scroll-table selectable use-anchor :tag-style="tagStyle" @load="load" @ready="ready" @imgTap="imgTap" @linkTap="linkTap" />
-	</view>
-</template>
-
-<script>
-	// const content = import('./content')
-	import parseContent from './content';
-	export default {
-		data() {
-			return {
-				content: '',
-				tagStyle: {
-					table: 'box-sizing: border-box; border-top: 1px solid #dfe2e5; border-left: 1px solid #dfe2e5;',
-					th: 'border-right: 1px solid #dfe2e5; border-bottom: 1px solid #dfe2e5;',
-					td: 'border-right: 1px solid #dfe2e5; border-bottom: 1px solid #dfe2e5;',
-					li: 'margin: 5px 0;'
-				}
-			}
-		},
-		onLoad() {
-			// 模拟网络请求
-			setTimeout(() => {
-				this.content = parseContent
-			}, 200)
-		},
-		methods: {
-			load() {
-				// dom 结构加载完毕时触发
-			},
-			ready() {
-				// 渲染完毕时触发
-			},
-			imgTap() {
-				// 图片被点击时触发
-			},
-			linkTap() {
-				// 链接被点击时触发
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.u-content {
-		padding: 24rpx;
-		font-size: 32rpx;
-		color: $u-content-color;
-		line-height: 1.6;
-	}
-</style>

src/pages/componentsB/progress/progress.nvue

@@ -1,155 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础功能</text>
-			<view class="u-demo-block__content">
-				<up-line-progress :percentage="percentage1">
-				</up-line-progress>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">不显示百分比</text>
-			<view class="u-demo-block__content">
-				<up-line-progress
-				    :showText="false"
-				    :percentage="percentage2"
-				>
-				</up-line-progress>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义高度</text>
-			<view class="u-demo-block__content">
-				<up-line-progress
-				    height="8"
-				    :showText="false"
-				    :percentage="percentage3"
-				>
-				</up-line-progress>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义颜色</text>
-			<view class="u-demo-block__content">
-				<up-line-progress
-				    height="8"
-				    :showText="false"
-				    :percentage="percentage4"
-				    activeColor="#3c9cff"
-				    inactiveColor="#f3f4f6"
-				>
-				</up-line-progress>
-			</view>
-		</view>
-		<view
-		    class="u-demo-block"
-		    v-if="!androidNvue"
-		>
-			<text class="u-demo-block__title">自定义样式(不支持安卓环境的nvue)</text>
-			<view class="u-demo-block__content">
-				<up-line-progress
-				    height="8"
-				    :showText="false"
-				    :percentage="percentage5"
-				    activeColor="#3c9cff"
-				    inactiveColor="#f3f4f6"
-				>
-					<text class="u-percentage-slot">{{percentage4}}%</text>
-				</up-line-progress>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">手动加减</text>
-			<view class="u-demo-block__content">
-				<up-line-progress
-				    height="8"
-				    :showText="false"
-				    :percentage="percentage6"
-				    activeColor="#3c9cff"
-				    inactiveColor="#f3f4f6"
-				>
-				</up-line-progress>
-				<view class="button-group">
-					<view class="button-group__circle" hover-class="u-hover-class" @click="computedWidth('minus')">
-						<text class="button-group__circle__text">减少</text>
-					</view>
-					<view class="button-group__circle" hover-class="u-hover-class" @click="computedWidth('plus')">
-						<text class="button-group__circle__text">增加</text>
-					</view>
-				</view>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				androidNvue: false,
-				percentage1: 30,
-				percentage2: 40,
-				percentage3: 50,
-				percentage4: 60,
-				percentage5: 70,
-				percentage6: 50,
-			}
-		},
-		onLoad() {
-			// #ifdef APP-NVUE
-			this.androidNvue = uni.$u.os() === 'android'
-			// #endif
-			uni.$u.sleep(2500).then(() => {
-				this.percentage1 = 120
-			})
-		},
-		methods: {
-			computedWidth(type) {
-				if(type === 'plus') {
-					this.percentage6 = uni.$u.range(0, 100, this.percentage6 + 10)
-				} else {
-					this.percentage6 = uni.$u.range(0, 100, this.percentage6 - 10)
-				}
-			}
-		},
-	}
-</script>
-
-<style lang="scss">
-	.u-page {}
-
-	.u-percentage-slot {
-		padding: 1px 5px;
-		background-color: $u-warning;
-		color: #fff;
-		border-radius: 100px;
-		font-size: 10px;
-		margin-right: -5px;
-	}
-
-	.u-demo-block__content {
-		flex-direction: column !important;
-		flex-wrap: nowrap;
-		align-items: stretch;
-	}
-	
-	.button-group {
-		@include flex;
-		justify-content: center;
-		
-		&__circle {
-			width: 50px;
-			height: 50px;
-			background-color: #dbfbdb;
-			border-radius: 100px;
-			justify-content: center;
-			align-items: center;
-			margin: 30px 30px;
-		
-			&__text {
-				color: rgb(25, 190, 107);
-				font-size: 13px;
-			}
-		}
-	}
-</style>

src/pages/componentsB/search/search.nvue

@@ -1,219 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础功能</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__tag-item">
-					<up-search
-						v-model="value1"
-						:show-action="false"
-						@change="change"
-					></up-search>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">设置初始值</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__tag-item">
-					<up-search
-						v-model="value2"
-						:show-action="false"
-					></up-search>
-					{{value2}}
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">搜索框形状</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__tag-item">
-					<up-search
-						v-model="value3"
-						:show-action="false"
-						shape="round"
-					></up-search>
-				</view>
-			</view>
-			<view class="u-demo-block__content m-t-10">
-				<view class="u-page__tag-item">
-					<up-search
-						v-model="value4"
-						:show-action="false"
-						shape="square"
-					></up-search>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">右侧控件</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__tag-item">
-					<up-search v-model="value5"></up-search>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">禁用输入框</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__tag-item">
-					<up-search
-						placeholder="输入框被禁用,可以监听点击事件进行跳转"
-						disabled
-						:show-action="false"
-					></up-search>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">点击左侧图标</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__tag-item">
-					<up-search
-						v-model="value6"
-						:show-action="false"
-						@clickIcon="clickIcon"
-					></up-search>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">搜索框内容水平对齐</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__tag-item">
-					<up-search
-						v-model="value7"
-						:show-action="false"
-						input-align="left"
-					></up-search>
-				</view>
-			</view>
-			<view class="u-demo-block__content m-t-10">
-				<view class="u-page__tag-item">
-					<up-search
-						v-model="value8"
-						:show-action="false"
-						input-align="center"
-					></up-search>
-				</view>
-			</view>
-			<view class="u-demo-block__content m-t-10">
-				<view class="u-page__tag-item">
-					<up-search
-						v-model="value9"
-						:show-action="false"
-						input-align="right"
-					></up-search>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__tag-item">
-					<up-search
-						v-model="value10"
-						:show-action="false"
-						borderColor="rgb(230, 230, 230)"
-						bgColor="#fff"
-					></up-search>
-				</view>
-			</view>
-			<view class="u-demo-block__content m-t-10">
-				<view class="u-page__tag-item">
-					<up-search
-						v-model="value11"
-						:show-action="false"
-						search-icon-color="#FF0000"
-					></up-search>
-				</view>
-			</view>
-			<view class="u-demo-block__content m-t-10">
-				<view class="u-page__tag-item">
-					<up-search
-						v-model="value12"
-						:show-action="false"
-						placeholder-color="#FF0000"
-					></up-search>
-				</view>
-			</view>
-			<view class="u-demo-block__content m-t-10">
-				<view class="u-page__tag-item">
-					<up-search
-						v-model="value13"
-						:show-action="false"
-						color="#FF0000"
-					></up-search>
-				</view>
-			</view>
-			<view class="u-demo-block__content m-t-10">
-				<view class="u-page__tag-item">
-					<up-search
-						v-model="value14"
-						label="手机"
-						:show-action="false"
-					>
-					</up-search>
-				</view>
-			</view>
-			<view class="u-demo-block__content m-t-10">
-				<view class="u-page__tag-item">
-					<up-search
-						v-model="value15"
-						search-icon="scan"
-						:show-action="false"
-					>
-					</up-search>
-				</view>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				value1: '',
-				value2: '天山雪莲',
-				value3: '',
-				value4: '',
-				value5: '',
-				value6: '',
-				value7: '',
-				value8: '',
-				value9: '',
-				value10: '',
-				value11: '',
-				value12: '',
-				value13: '',
-				value14: '',
-				value15: ''
-			}
-		},
-		watch: {
-			value1(newValue, oldValue) {
-				// console.log('value1', newValue);
-			}
-		},
-		methods: {
-			change(e) {
-				console.log(e);
-			},
-			clickIcon() {
-				uni.$u.toast('点击了左侧图标')
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.u-page__tag-item {
-		@include flex(column);
-		flex: 1
-	}
-
-	.m-t-10 {
-		margin-top: 10px;
-	}
-</style>

src/pages/componentsB/switch/switch.nvue

@@ -1,179 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础功能</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__tag-item">
-					<up-switch
-						v-model="value1"
-						@change="change"
-					></up-switch>
-					{{value1}}
-				</view>
-				<view class="u-page__tag-item">
-					<up-switch v-model="value2"></up-switch>
-					{{value2}}
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">加载中</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__tag-item">
-					<up-switch
-						v-model="value3"
-						loading
-					></up-switch>
-				</view>
-				<view class="u-page__tag-item">
-					<up-switch
-						v-model="value4"
-						loading
-					></up-switch>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">禁用状态</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__tag-item">
-					<up-switch
-						v-model="value5"
-						disabled
-					></up-switch>
-				</view>
-				<view class="u-page__tag-item">
-					<up-switch
-						v-model="value6"
-						disabled
-					></up-switch>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义尺寸</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__tag-item">
-					<up-switch
-						v-model="value7"
-						size="28"
-					></up-switch>
-				</view>
-				<view class="u-page__tag-item">
-					<up-switch
-						v-model="value8"
-						size="20"
-					></up-switch>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义颜色</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__tag-item">
-					<up-switch
-						v-model="value9"
-						activeColor="#f56c6c"
-						loading
-					></up-switch>
-				</view>
-				<view class="u-page__tag-item">
-					<up-switch
-						v-model="value10"
-						activeColor="#5ac725"
-						loading
-					></up-switch>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义样式</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__tag-item">
-					<up-switch
-						:space="2"
-						v-model="value11"
-						activeColor="#f56c6c"
-						inactiveColor="rgb(230, 230, 230)"
-					></up-switch>
-				</view>
-				<view class="u-page__tag-item">
-					<up-switch
-						space="2"
-						v-model="value12"
-						activeColor="#f9ae3d"
-						inactiveColor="rgb(230, 230, 230)"
-					></up-switch>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">异步控制</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__tag-item">
-					<up-switch
-						v-model="value13"
-						asyncChange
-						@change="asyncChange"
-					></up-switch>
-				</view>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				value1: false,
-				value2: true,
-				value3: false,
-				value4: true,
-				value5: false,
-				value6: true,
-				value7: false,
-				value8: true,
-				value9: true,
-				value10: true,
-				value11: false,
-				value12: true,
-				value13: true,
-			}
-		},
-		watch: {
-			value1(newValue, oldValue) {
-				console.log('v-model', newValue);
-			}
-		},
-		methods: {
-			change(e) {
-				console.log('change', e);
-			},
-			asyncChange(e) {
-				uni.showModal({
-					content: e ? '确定要打开吗' : '确定要关闭吗',
-					success: (res) => {
-						if (res.confirm) {
-							this.value13 = e
-						}
-					}
-				})
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.u-page {
-		&__tag-item {
-			margin-right: 30px;
-		}
-	}
-
-	.u-demo-block__content {
-		flex-direction: row;
-		flex-wrap: wrap;
-		align-items: center;
-	}
-</style>

src/pages/componentsB/tabbar/tabbar.nvue

@@ -1,281 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-page__item">
-			<text class="u-page__item__title">基础功能</text>
-			<up-tabbar
-			    :value="value1"
-			    @change="change1"
-			    :fixed="false"
-			    :placeholder="false"
-			    :safeAreaInsetBottom="false"
-			>
-				<up-tabbar-item
-					text="首页"
-					icon="home"
-					@click="click1"
-				></up-tabbar-item>
-				<up-tabbar-item
-					text="放映厅"
-					icon="photo"
-					@click="click1"
-				></up-tabbar-item>
-				<up-tabbar-item
-					text="直播"
-					icon="play-right"
-					@click="click1"
-				></up-tabbar-item>
-				<up-tabbar-item
-					text="我的"
-					icon="account"
-					@click="click1"
-				></up-tabbar-item>
-			</up-tabbar>
-		</view>
-		<view class="u-page__item">
-			<text class="u-page__item__title">显示徽标</text>
-			<up-tabbar
-			    :value="value2"
-			    :placeholder="false"
-			    @change="name => value2 = name"
-			    :fixed="false"
-			    :safeAreaInsetBottom="false"
-			>
-				<up-tabbar-item
-				    text="首页"
-				    icon="home"
-				    dot
-				></up-tabbar-item>
-				<up-tabbar-item
-				    text="放映厅"
-				    icon="photo"
-				    badge="3"
-				></up-tabbar-item>
-				<up-tabbar-item
-				    text="直播"
-				    icon="play-right"
-				></up-tabbar-item>
-				<up-tabbar-item
-				    text="我的"
-				    icon="account"
-				></up-tabbar-item>
-			</up-tabbar>
-		</view>
-		<view class="u-page__item">
-			<text class="u-page__item__title">匹配标签的名称</text>
-			<up-tabbar
-			    :placeholder="false"
-			    :value="value3"
-			    @change="name => value3 = name"
-			    :fixed="false"
-			    :safeAreaInsetBottom="false"
-			>
-				<up-tabbar-item
-				    text="首页"
-				    icon="home"
-				    name="home"
-				></up-tabbar-item>
-				<up-tabbar-item
-				    text="放映厅"
-				    icon="photo"
-				    name="photo"
-				></up-tabbar-item>
-				<up-tabbar-item
-				    text="直播"
-				    icon="play-right"
-				    name="play-right"
-				></up-tabbar-item>
-				<up-tabbar-item
-				    text="我的"
-				    name="account"
-				    icon="account"
-				></up-tabbar-item>
-			</up-tabbar>
-		</view>
-		<view class="u-page__item">
-			<text class="u-page__item__title">自定义图标/颜色</text>
-			<up-tabbar
-			    :value="value4"
-			    @change="name => value4 = name"
-			    :fixed="false"
-			    :placeholder="false"
-			    activeColor="#d81e06"
-			    :safeAreaInsetBottom="false"
-			>
-				<up-tabbar-item text="首页">
-					<template v-slot:active-icon>
-						<image
-						    class="u-page__item__slot-icon"
-						    src="https://cdn.uviewui.com/uview/common/bell-selected.png"
-						></image>
-					</template>
-					<template v-slot:inactive-icon>
-						<image
-							class="u-page__item__slot-icon"
-							src="https://cdn.uviewui.com/uview/common/bell.png"
-						></image>
-					</template>
-				</up-tabbar-item>
-				<up-tabbar-item
-				    text="放映厅"
-				    icon="photo"
-				></up-tabbar-item>
-				<up-tabbar-item
-				    text="直播"
-				    icon="play-right"
-				></up-tabbar-item>
-				<up-tabbar-item
-				    text="我的"
-				    icon="account"
-				></up-tabbar-item>
-			</up-tabbar>
-		</view>
-		<view class="u-page__item">
-			<text class="u-page__item__title">拦截切换事件(点击第二个标签)</text>
-			<up-tabbar
-			    :value="value5"
-			    :fixed="false"
-				@change="change5"
-			    :safeAreaInsetBottom="false"
-			    :placeholder="false"
-			>
-				<up-tabbar-item
-				    text="首页"
-				    icon="home"
-				>
-				</up-tabbar-item>
-				<up-tabbar-item
-				    text="放映厅"
-				    icon="photo"
-				></up-tabbar-item>
-				<up-tabbar-item
-				    text="直播"
-				    icon="play-right"
-				></up-tabbar-item>
-				<up-tabbar-item
-				    text="我的"
-				    icon="account"
-				></up-tabbar-item>
-			</up-tabbar>
-		</view>
-		<view class="u-page__item">
-			<text class="u-page__item__title">去除上边框</text>
-			<up-tabbar
-			    :value="value7"
-			    :placeholder="false"
-				:border="false"
-			    @change="name => value7 = name"
-			    :fixed="false"
-			    :safeAreaInsetBottom="false"
-			>
-				<up-tabbar-item
-				    text="首页"
-				    icon="home"
-				></up-tabbar-item>
-				<up-tabbar-item
-				    text="放映厅"
-				    icon="photo"
-				></up-tabbar-item>
-				<up-tabbar-item
-				    text="直播"
-				    icon="play-right"
-				></up-tabbar-item>
-				<up-tabbar-item
-				    text="我的"
-				    icon="account"
-				></up-tabbar-item>
-			</up-tabbar>
-		</view>
-		<view class="u-page__item">
-			<text class="u-page__item__title">固定在底部(固定在屏幕最下方)</text>
-			<up-gap height="150"></up-gap>
-			<up-tabbar
-			    :value="value6"
-			    @change="name => value6 = name"
-			    :fixed="true"
-				:placeholder="true"
-			    :safeAreaInsetBottom="true"
-			>
-				<up-tabbar-item
-					@click="goNext"
-					text="首页"
-					icon="home"
-				>
-				</up-tabbar-item>
-				<up-tabbar-item
-					text="放映厅"
-					icon="photo"
-				></up-tabbar-item>
-				<up-tabbar-item
-					text="直播"
-					icon="play-right"
-				></up-tabbar-item>
-				<up-tabbar-item
-					text="我的"
-					icon="account"
-				></up-tabbar-item>
-			</up-tabbar>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				value1: 0,
-				value2: 1,
-				value3: 'play-right',
-				value4: 0,
-				value5: 0,
-				value6: 0,
-				value7: 3
-			}
-		},
-		onLoad() {
-
-		},
-		methods: {
-			change5(name) {
-				if (name === 1) return uni.$u.toast('请您先登录')
-				else this.value5 = name
-			},
-			change1(e) {
-				this.value1 = e
-				console.log('change1', e);
-			},
-			click1(e) {
-				console.log('click1', e);
-			},
-			goNext() {
-				uni.navigateTo({
-					url: 'tabbar2'
-				})
-			}
-		},
-	}
-</script>
-
-<style lang="scss">
-	.u-page {
-		padding: 0;
-		&__item {
-
-			&__title {
-				color: $u-tips-color;
-				background-color: $u-bg-color;
-				padding: 15px 15px 5px 15px;
-				font-size: 15px;
-
-				&__slot-title {
-					color: $u-primary;
-					font-size: 14px;
-				}
-			}
-
-			&__slot-icon {
-				width: 17px;
-				height: 17px;
-			}
-		}
-	}
-</style>

src/pages/componentsB/tabbar/tabbar2.vue

@@ -1,275 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-page__item">
-			<text class="u-page__item__title">基础功能</text>
-			<up-tabbar
-			    :value="value1"
-			    @change="change1"
-			    :fixed="false"
-			    :placeholder="false"
-			    :safeAreaInsetBottom="false"
-			>
-				<up-tabbar-item
-					text="首页"
-					icon="home"
-					@click="click1"
-				></up-tabbar-item>
-				<up-tabbar-item
-					text="放映厅"
-					icon="photo"
-					@click="click1"
-				></up-tabbar-item>
-				<up-tabbar-item
-					text="直播"
-					icon="play-right"
-					@click="click1"
-				></up-tabbar-item>
-				<up-tabbar-item
-					text="我的"
-					icon="account"
-					@click="click1"
-				></up-tabbar-item>
-			</up-tabbar>
-		</view>
-		<view class="u-page__item">
-			<text class="u-page__item__title">显示徽标</text>
-			<up-tabbar
-			    :value="value2"
-			    :placeholder="false"
-			    @change="name => value2 = name"
-			    :fixed="false"
-			    :safeAreaInsetBottom="false"
-			>
-				<up-tabbar-item
-				    text="首页"
-				    icon="home"
-				    dot
-				></up-tabbar-item>
-				<up-tabbar-item
-				    text="放映厅"
-				    icon="photo"
-				    badge="3"
-				></up-tabbar-item>
-				<up-tabbar-item
-				    text="直播"
-				    icon="play-right"
-				></up-tabbar-item>
-				<up-tabbar-item
-				    text="我的"
-				    icon="account"
-				></up-tabbar-item>
-			</up-tabbar>
-		</view>
-		<view class="u-page__item">
-			<text class="u-page__item__title">匹配标签的名称</text>
-			<up-tabbar
-			    :placeholder="false"
-			    :value="value3"
-			    @change="name => value3 = name"
-			    :fixed="false"
-			    :safeAreaInsetBottom="false"
-			>
-				<up-tabbar-item
-				    text="首页"
-				    icon="home"
-				    name="home"
-				></up-tabbar-item>
-				<up-tabbar-item
-				    text="放映厅"
-				    icon="photo"
-				    name="photo"
-				></up-tabbar-item>
-				<up-tabbar-item
-				    text="直播"
-				    icon="play-right"
-				    name="play-right"
-				></up-tabbar-item>
-				<up-tabbar-item
-				    text="我的"
-				    name="account"
-				    icon="account"
-				></up-tabbar-item>
-			</up-tabbar>
-		</view>
-		<view class="u-page__item">
-			<text class="u-page__item__title">自定义图标/颜色</text>
-			<up-tabbar
-			    :value="value4"
-			    @change="name => value4 = name"
-			    :fixed="false"
-			    :placeholder="false"
-			    activeColor="#d81e06"
-			    :safeAreaInsetBottom="false"
-			>
-				<up-tabbar-item text="首页">
-					<template v-slot:active-icon>
-						<image
-						    class="u-page__item__slot-icon"
-						    src="https://cdn.uviewui.com/uview/common/bell-selected.png"
-						></image>
-					</template>
-					<template v-slot:inactive-icon>
-						<image
-							class="u-page__item__slot-icon"
-							src="https://cdn.uviewui.com/uview/common/bell.png"
-						></image>
-					</template>
-				</up-tabbar-item>
-				<up-tabbar-item
-				    text="放映厅"
-				    icon="photo"
-				></up-tabbar-item>
-				<up-tabbar-item
-				    text="直播"
-				    icon="play-right"
-				></up-tabbar-item>
-				<up-tabbar-item
-				    text="我的"
-				    icon="account"
-				></up-tabbar-item>
-			</up-tabbar>
-		</view>
-		<view class="u-page__item">
-			<text class="u-page__item__title">拦截切换事件(点击第二个标签)</text>
-			<up-tabbar
-			    :value="value5"
-			    :fixed="false"
-				@change="change5"
-			    :safeAreaInsetBottom="false"
-			    :placeholder="false"
-			>
-				<up-tabbar-item
-				    text="首页"
-				    icon="home"
-				>
-				</up-tabbar-item>
-				<up-tabbar-item
-				    text="放映厅"
-				    icon="photo"
-				></up-tabbar-item>
-				<up-tabbar-item
-				    text="直播"
-				    icon="play-right"
-				></up-tabbar-item>
-				<up-tabbar-item
-				    text="我的"
-				    icon="account"
-				></up-tabbar-item>
-			</up-tabbar>
-		</view>
-		<view class="u-page__item">
-			<text class="u-page__item__title">去除上边框</text>
-			<up-tabbar
-			    :value="value7"
-			    :placeholder="false"
-				:border="false"
-			    @change="name => value7 = name"
-			    :fixed="false"
-			    :safeAreaInsetBottom="false"
-			>
-				<up-tabbar-item
-				    text="首页"
-				    icon="home"
-				></up-tabbar-item>
-				<up-tabbar-item
-				    text="放映厅"
-				    icon="photo"
-				></up-tabbar-item>
-				<up-tabbar-item
-				    text="直播"
-				    icon="play-right"
-				></up-tabbar-item>
-				<up-tabbar-item
-				    text="我的"
-				    icon="account"
-				></up-tabbar-item>
-			</up-tabbar>
-		</view>
-		<view class="u-page__item">
-			<text class="u-page__item__title">固定在底部(固定在屏幕最下方)</text>
-			<up-gap height="150"></up-gap>
-			<up-tabbar
-			    :value="value6"
-			    @change="name => value6 = name"
-			    :fixed="true"
-				:placeholder="true"
-			    :safeAreaInsetBottom="true"
-			>
-				<up-tabbar-item
-					text="首页"
-					icon="home"
-				>
-				</up-tabbar-item>
-				<up-tabbar-item
-					text="放映厅"
-					icon="photo"
-				></up-tabbar-item>
-				<up-tabbar-item
-					text="直播"
-					icon="play-right"
-				></up-tabbar-item>
-				<up-tabbar-item
-					text="我的"
-					icon="account"
-				></up-tabbar-item>
-			</up-tabbar>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				value1: 0,
-				value2: 1,
-				value3: 'play-right',
-				value4: 0,
-				value5: 0,
-				value6: 0,
-				value7: 3
-			}
-		},
-		onLoad() {
-
-		},
-		methods: {
-			change5(name) {
-				if (name === 1) return uni.$u.toast('请您先登录')
-				else this.value5 = name
-			},
-			change1(e) {
-				this.value1 = e
-				console.log('change1', e);
-			},
-			click1(e) {
-				console.log('click1', e);
-			}
-		},
-	}
-</script>
-
-<style lang="scss">
-	.u-page {
-		padding: 0;
-		&__item {
-
-			&__title {
-				color: $u-tips-color;
-				background-color: $u-bg-color;
-				padding: 15px 15px 5px 15px;
-				font-size: 15px;
-
-				&__slot-title {
-					color: $u-primary;
-					font-size: 14px;
-				}
-			}
-
-			&__slot-icon {
-				width: 17px;
-				height: 17px;
-			}
-		}
-	}
-</style>

src/pages/componentsB/tag/tag.nvue

@@ -1,335 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础功能</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__tag-item">
-					<up-tag
-					    text="标签"
-					    plain
-					    size="mini"
-					    type="warning"
-					>
-					</up-tag>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义主题</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__tag-item">
-					<up-tag text="标签">
-					</up-tag>
-				</view>
-				<view class="u-page__tag-item">
-					<up-tag
-					    text="标签"
-					    type="warning"
-					>
-					</up-tag>
-				</view>
-				<view class="u-page__tag-item">
-					<up-tag
-					    text="标签"
-					    type="success"
-					>
-					</up-tag>
-				</view>
-				<view class="u-page__tag-item">
-					<up-tag
-					    text="标签"
-					    type="error"
-					>
-					</up-tag>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">圆形标签</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__tag-item">
-					<up-tag
-					    text="标签"
-					    plain
-						shape="circle"
-					>
-					</up-tag>
-				</view>
-				<view class="u-page__tag-item">
-					<up-tag
-					    text="标签"
-					    type="warning"
-						shape="circle"
-					>
-					</up-tag>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">镂空标签</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__tag-item">
-					<up-tag
-					    text="标签"
-					    plain
-					>
-					</up-tag>
-				</view>
-				<view class="u-page__tag-item">
-					<up-tag
-					    text="标签"
-					    type="warning"
-					    plain
-					>
-					</up-tag>
-				</view>
-				<view class="u-page__tag-item">
-					<up-tag
-					    text="标签"
-					    type="success"
-					    plain
-					>
-					</up-tag>
-				</view>
-				<view class="u-page__tag-item">
-					<up-tag
-					    text="标签"
-					    type="error"
-					    plain
-					>
-					</up-tag>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">镂空带背景色</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__tag-item">
-					<up-tag
-					    text="标签"
-					    plain
-					    plainFill
-					>
-					</up-tag>
-				</view>
-				<view class="u-page__tag-item">
-					<up-tag
-					    text="标签"
-					    type="warning"
-					    plain
-					    plainFill
-					>
-					</up-tag>
-				</view>
-				<view class="u-page__tag-item">
-					<up-tag
-					    text="标签"
-					    type="success"
-					    plain
-					    plainFill
-					>
-					</up-tag>
-				</view>
-				<view class="u-page__tag-item">
-					<up-tag
-					    text="标签"
-					    type="error"
-					    plain
-					    plainFill
-					>
-					</up-tag>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义尺寸</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__tag-item">
-					<up-tag
-					    text="标签"
-					    plain
-					    size="mini"
-					>
-					</up-tag>
-				</view>
-				<view class="u-page__tag-item">
-					<up-tag
-					    text="标签"
-					    type="warning"
-					>
-					</up-tag>
-				</view>
-				<view class="u-page__tag-item">
-					<up-tag
-					    text="标签"
-					    type="success"
-					    plain
-					    size="large"
-					>
-					</up-tag>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">可关闭标签</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__tag-item">
-					<up-tag
-					    text="标签"
-					    size="mini"
-					    closable
-					    :show="close1"
-					    @close="close1 = false"
-					>
-					</up-tag>
-				</view>
-				<view class="u-page__tag-item">
-					<up-tag
-					    text="标签"
-					    type="warning"
-					    closable
-						:show="close2"
-					    @close="close2 = false"
-					>
-					</up-tag>
-				</view>
-				<view class="u-page__tag-item">
-					<up-tag
-					    text="标签"
-					    type="success"
-					    plain
-					    size="large"
-					    closable
-						:show="close3"
-					    @close="close3 = false"
-					>
-					</up-tag>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">带图片和图标</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__tag-item">
-					<up-tag
-					    text="标签"
-					    size="mini"
-					    icon="map"
-					    plain
-					>
-					</up-tag>
-				</view>
-				<view class="u-page__tag-item">
-					<up-tag
-					    text="标签"
-					    type="warning"
-					    icon="tags-fill"
-					>
-					</up-tag>
-				</view>
-				<view class="u-page__tag-item">
-					<up-tag
-					    text="标签"
-					    type="success"
-					    plain
-					    size="large"
-					    icon="https://cdn.uviewui.com/uview/example/tag.png"
-					>
-					</up-tag>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">单选标签</text>
-			<view class="u-demo-block__content">
-				<view
-				    class="u-page__tag-item"
-				    v-for="(item, index) in radios"
-				    :key="index"
-				>
-					<up-tag
-					    :text="`选项${index + 1}`"
-					    :plain="!item.checked"
-					    type="warning"
-					    :name="index"
-					    @click="radioClick"
-					>
-					</up-tag>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">多选标签</text>
-			<view class="u-demo-block__content">
-				<view
-				    class="u-page__tag-item"
-				    v-for="(item, index) in checkboxs"
-				    :key="index"
-				>
-					<up-tag
-					    :text="`选项${index + 1}`"
-					    :plain="!item.checked"
-					    type="warning"
-					    :name="index"
-					    @click="checkboxClick"
-					>
-					</up-tag>
-				</view>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				close1: true,
-				close2: true,
-				close3: true,
-				radios: [{
-						checked: true
-					},
-					{
-						checked: false
-					},
-					{
-						checked: false
-					}
-				],
-				checkboxs: [{
-						checked: true
-					},
-					{
-						checked: false
-					},
-					{
-						checked: false
-					}
-				]
-			}
-		},
-		methods: {
-			radioClick(name) {
-				this.radios.map((item, index) => {
-					item.checked = index === name ? true : false
-				})
-			},
-			checkboxClick(name) {
-				this.checkboxs[name].checked = !this.checkboxs[name].checked
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.u-page__tag-item {
-		margin-right: 20px;
-	}
-
-	.u-demo-block__content {
-		flex-direction: row;
-		flex-wrap: wrap;
-		align-items: center;
-	}
-</style>

src/pages/componentsB/toast/toast.nvue

@@ -1,129 +0,0 @@
-<template>
-	<view class="u-page">
-		<up-gap
-			height="30"
-			bgColor="#fff"
-		></up-gap>
-		<up-toast ref="uToastRef"></up-toast>
-		<up-cell-group title-bg-color="rgb(243, 244, 246)">
-			<up-cell
-				:titleStyle="{fontWeight: 500}"
-				:title="item.title"
-				v-for="(item, index) in list"
-				:key="index"
-				isLink
-				:icon="item.iconUrl"
-				@click="showToast(item)"
-			>
-				<template #icon>
-					<!-- <image
-						class="u-cell-icon"
-						:src="getIcon(item.icon)"
-						mode="widthFix"
-					></image> -->
-				</template>
-			</up-cell>
-		</up-cell-group>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				show: false,
-				list: [{
-						type: 'default',
-						title: '默认主题',
-						message: "锦瑟无端五十弦",
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/toast/default.png'
-					},
-					{
-						type: 'error',
-						icon: false,
-						title: '失败主题(不带图标)',
-						message: "一弦一柱思华年",
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/toast/error.png'
-					},
-					{
-						type: 'success',
-						title: '成功主题(带图标)',
-						message: "庄生晓梦迷蝴蝶",
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/toast/success.png'
-					},
-					{
-						type: 'warning',
-						position: "top",
-						title: '位置偏移上方',
-						message: "望帝春心托杜鹃",
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/toast/top.png'
-					},
-					{
-						type: 'loading',
-						title: '正在加载',
-						message: "正在加载",
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/toast/loading.png'
-					},
-					{
-						type: 'default',
-						title: '结束后跳转标签页',
-						message: "此情可待成追忆",
-						url: '/pages/componentsB/tag/tag',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/toast/jump.png'
-					},
-					{
-						type: 'default',
-						title: '其它icon图标',
-						icon: 'photo',
-						message: "只是当时已惘然",
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/toast/default.png'
-					},
-					{
-						type: 'default',
-						title: '自定义图片图标',
-						icon: 'https://cdn.uviewui.com/uview/demo/toast/jump.png',
-						message: "只是当时已惘然",
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/toast/default.png'
-					}
-				],
-			}
-		},
-		computed: {
-			getIcon() {
-				return path => {
-					return 'https://cdn.uviewui.com/uview/example/' + path + '.png';
-				}
-			}, 
-		},
-		methods: {
-			showToast(params) {
-				this.$refs.uToastRef.show({
-					...params,
-					overlay: true,
-					complete() {
-						params.url && uni.navigateTo({
-							url: params.url
-						})
-					}
-				})
-			}
-
-		}
-	}
-</script>
-
-<style lang="scss">
-	.u-page {
-		padding: 0;
-	}
-
-	.u-cell-icon {
-		width: 36rpx;
-		height: 36rpx;
-		margin-right: 8rpx;
-	}
-
-	.u-cell-group__title__text {
-		font-weight: bold;
-	}
-</style>

src/pages/componentsB/upload/upload.nvue

@@ -1,185 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础用法</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__upload-item">
-				<up-upload
-				    :fileList="fileList1"
-					useBeforeRead
-					@beforeRead="beforeRead"
-				    @afterRead="afterRead"
-				    @delete="deletePic"
-				    name="1"
-				    multiple
-				    :maxCount="10"
-				></up-upload>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">上传视频</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__upload-item">
-				<up-upload
-				    :fileList="fileList2"
-				    @afterRead="afterRead"
-				    @delete="deletePic"
-				    name="2"
-				    multiple
-				    :maxCount="10"
-				    accept="video"
-				></up-upload>
-				</view>
-			</view>
-		</view>
-			<view class="u-demo-block">
-			<text class="u-demo-block__title">文件预览</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__upload-item">
-				<up-upload
-				    :fileList="fileList3"
-				    @afterRead="afterRead"
-				    @delete="deletePic"
-				    name="3"
-				    multiple
-				    :maxCount="10"
-				    :previewFullImage="true"
-				></up-upload>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">隐藏上传按钮</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__upload-item">
-				<up-upload
-				    :fileList="fileList4"
-				    @afterRead="afterRead"
-				    @delete="deletePic"
-				    name="4"
-				    multiple
-				    :maxCount="2"
-				></up-upload>
-				</view>
-			</view>
-		</view>
-			<view class="u-demo-block">
-			<text class="u-demo-block__title">限制上传数量</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__upload-item">
-				<up-upload
-				    :fileList="fileList5"
-				    @afterRead="afterRead"
-				    @delete="deletePic"
-				    name="5"
-				    multiple
-				    :maxCount="3"
-				></up-upload>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义上传样式</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__upload-item">
-					<up-upload
-						:fileList="fileList6"
-						@afterRead="afterRead"
-						@delete="deletePic"
-						name="6"
-						multiple
-						:maxCount="1"
-						width="250"
-						height="150"
-					>
-						<image src="https://cdn.uviewui.com/uview/demo/upload/positive.png" mode="widthFix" style="width: 250px;height: 150px;"></image>
-					</up-upload>
-				</view>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				fileList1: [],
-				fileList2: [],
-				fileList3: [{
-					url: 'https://cdn.uviewui.com/uview/swiper/1.jpg',
-				}],
-				fileList4: [{
-						url: 'https://cdn.uviewui.com/uview/swiper/1.jpg',
-					},
-					{
-						url: 'https://cdn.uviewui.com/uview/swiper/1.jpg',
-					}
-				],
-				fileList5: [],
-				fileList6: [],
-				fileList7: []
-			}
-		},
-		onLoad() {
-		},
-		methods: {
-			// 删除图片
-			deletePic(event) {
-				this[`fileList${event.name}`].splice(event.index, 1)
-			},
-			beforeRead() {
-				console.log('beforeRead')
-			},
-			// 新增图片
-			async afterRead(event) {
-				// 当设置 mutiple 为 true 时, file 为数组格式，否则为对象格式
-				let lists = [].concat(event.file)
-				let fileListLen = this[`fileList${event.name}`].length
-				lists.map((item) => {
-					this[`fileList${event.name}`].push({
-						...item,
-						status: 'uploading',
-						message: '上传中'
-					})
-				})
-				for (let i = 0; i < lists.length; i++) {
-					const result = await this.uploadFilePromise(lists[i].url)
-					let item = this[`fileList${event.name}`][fileListLen]
-					this[`fileList${event.name}`].splice(fileListLen, 1, Object.assign(item, {
-						status: 'success',
-						message: '',
-						url: result
-					}))
-					fileListLen++
-				}
-			},
-			uploadFilePromise(url) {
-				return new Promise((resolve, reject) => {
-					let a = uni.uploadFile({
-						url: 'http://www.example.com/upload', // 仅为示例，非真实的接口地址
-						filePath: url,
-						name: 'file',
-						formData: {
-							user: 'test'
-						},
-						success: (res) => {
-							setTimeout(() => {
-								resolve(res.data.data)
-							}, 1000)
-						}
-					});
-				})
-			},
-		},
-	}
-</script>
-
-<style lang="scss">
-	.u-page {
-		&__upload-item{
-			margin-top:5px;
-		}
-	}
-</style>

src/pages/componentsB/waterfall/waterfall.nvue

@@ -1,257 +0,0 @@
-<template>
-    <view class="wrap">
-        <up-waterfall v-model="flowList" ref="uWaterfallRef">
-            <template v-slot:left="{ leftList }">
-                <view class="demo-warter" v-for="(item, index) in leftList" :key="index">
-                    <!-- 微信小程序需要hx2.8.11版本才支持在template中引入其他组件，比如下方的u-lazy-load组件 -->
-                    <up-lazy-load threshold="-450" height="120" border-radius="10" :image="item.image"
-                        :index="index"></up-lazy-load>
-                    <view class="demo-title">{{ item.title }}</view>
-                    <view class="demo-price">{{ item.price }}元</view>
-                    <view class="demo-tag">
-                        <view class="demo-tag-owner">
-							<text class="text">自营</text>
-						</view>
-                        <view class="demo-tag-text">
-							<text class="text">放心购</text>
-						</view>
-                    </view>
-                    <view class="demo-shop">{{ item.shop }}</view>
-                    <view class="u-close">
-                        <up-icon name="close-circle-fill" color="#fa3534" size="16" @click="remove(item.id)"></up-icon>
-                    </view>
-                </view>
-            </template>
-            <template v-slot:right="{ rightList }">
-                <view class="demo-warter" v-for="(item, index) in rightList" :key="index">
-                    <up-lazy-load threshold="-450" height="120" border-radius="10" :image="item.image"
-                        :index="index"></up-lazy-load>
-                    <view class="demo-title">{{ item.title }}</view>
-                    <view class="demo-price">{{ item.price }}元</view>
-                    <view class="demo-tag">
-                        <view class="demo-tag-owner">
-                        	<text class="text">自营</text>
-                        </view>
-                        <view class="demo-tag-text">
-                        	<text class="text">放心购</text>
-                        </view>
-                    </view>
-                    <view class="demo-shop">{{ item.shop }}</view>
-                    <view class="u-close">
-                        <up-icon name="close-circle-fill" color="#fa3534" size="34" @click="remove(item.id)"></up-icon>
-                    </view>
-                </view>
-            </template>
-        </up-waterfall>
-        <up-loadmore bg-color="rgb(240, 240, 240)" :status="loadStatus" @loadmore="addRandomData"></up-loadmore>
-    </view>
-</template>
-
-<script>
-    import {
-        random,
-        guid
-    } from '@/uni_modules/uview-plus';
-    export default {
-        data() {
-            return {
-                loadStatus: 'loadmore',
-                flowList: [],
-                list: [{
-                        price: 35,
-                        title: '北国风光，千里冰封，万里雪飘',
-                        shop: '李白杜甫白居易旗舰店',
-                        image: 'https://uview-plus.jiangruyi.com/uview/swiper/swiper1.png'
-                    },
-                    {
-                        price: 75,
-                        title: '望长城内外，惟余莽莽',
-                        shop: '李白杜甫白居易旗舰店',
-                        image: 'https://uview-plus.jiangruyi.com/uview/swiper/swiper2.png'
-                    },
-                    {
-                        price: 385,
-                        title: '大河上下，顿失滔滔',
-                        shop: '李白杜甫白居易旗舰店',
-                        image: 'https://uview-plus.jiangruyi.com/uview/swiper/swiper3.png'
-                    },
-                    {
-                        price: 784,
-                        title: '欲与天公试比高',
-                        shop: '李白杜甫白居易旗舰店',
-                        image: 'https://uview-plus.jiangruyi.com/uview/swiper/swiper1.png'
-                    },
-                    {
-                        price: 7891,
-                        title: '须晴日，看红装素裹，分外妖娆',
-                        shop: '李白杜甫白居易旗舰店',
-                        image: 'https://uview-plus.jiangruyi.com/uview/swiper/swiper2.png'
-                    },
-                    {
-                        price: 2341,
-                        shop: '李白杜甫白居易旗舰店',
-                        title: '江山如此多娇，引无数英雄竞折腰',
-                        image: 'https://uview-plus.jiangruyi.com/uview/swiper/swiper3.png'
-                    },
-                    {
-                        price: 661,
-                        shop: '李白杜甫白居易旗舰店',
-                        title: '惜秦皇汉武，略输文采',
-                        image: 'https://uview-plus.jiangruyi.com/uview/swiper/swiper1.png'
-                    },
-                    {
-                        price: 1654,
-                        title: '唐宗宋祖，稍逊风骚',
-                        shop: '李白杜甫白居易旗舰店',
-                        image: 'https://uview-plus.jiangruyi.com/uview/swiper/swiper2.png'
-                    },
-                    {
-                        price: 1678,
-                        title: '一代天骄，成吉思汗',
-                        shop: '李白杜甫白居易旗舰店',
-                        image: 'https://uview-plus.jiangruyi.com/uview/swiper/swiper3.png'
-                    },
-                    {
-                        price: 924,
-                        title: '只识弯弓射大雕',
-                        shop: '李白杜甫白居易旗舰店',
-                        image: 'https://uview-plus.jiangruyi.com/uview/swiper/swiper1.png'
-                    },
-                    {
-                        price: 8243,
-                        title: '俱往矣，数风流人物，还看今朝',
-                        shop: '李白杜甫白居易旗舰店',
-                        image: 'https://uview-plus.jiangruyi.com/uview/swiper/swiper2.png'
-                    }
-                ]
-            };
-        },
-        onLoad() {
-            this.addRandomData();
-        },
-        onReachBottom() {
-            this.loadStatus = 'loading';
-            // 模拟数据加载
-            setTimeout(() => {
-                this.addRandomData();
-                this.loadStatus = 'loadmore';
-            }, 1000);
-        },
-        methods: {
-            addRandomData() {
-                for (let i = 0; i < 10; i++) {
-                    let index = random(0, this.list.length - 1);
-                    // 先转成字符串再转成对象，避免数组对象引用导致数据混乱
-                    let item = JSON.parse(JSON.stringify(this.list[index]));
-                    item.id = guid();
-                    this.flowList.push(item);
-                }
-            },
-            remove(id) {
-                this.$refs.uWaterfallRef.remove(id);
-            },
-            clear() {
-                this.$refs.uWaterfallRef.clear();
-            }
-        }
-    };
-</script>
-
-<style>
-    /* page不能写带scope的style标签中，否则无效 */
-	/* #ifndef APP-NVUE */
-	page {
-	    background-color: rgb(240, 240, 240);
-	}
-	/* #endif */
-</style>
-
-<style lang="scss" scoped>
-    .demo-warter {
-        border-radius: 8px;
-        margin: 5px;
-        background-color: #ffffff;
-        padding: 8px;
-        position: relative;
-        /* #ifdef H5 */
-        cursor: pointer;
-        /* #endif */
-        .u-close {
-            position: absolute;
-            top: -7px;
-            right: 3px;
-            opacity: 0;
-        }
-        /* #ifdef H5 */
-        &:hover {
-            .u-close {
-                opacity: 1;
-            }
-        }
-        /* #endif */
-    }
-
-    .demo-img-wrap {}
-
-    .demo-image {
-        width: 100%;
-        border-radius: 4px;
-    }
-
-    .demo-title {
-        font-size: 30rpx;
-        margin-top: 5px;
-        color: $u-main-color;
-        /* #ifndef APP-NVUE */
-        word-break: break-all;
-        /* #endif */
-    }
-
-    .demo-tag {
-        display: flex;
-        flex-direction: row;
-        margin-top: 5px;
-    }
-
-    .demo-tag-owner {
-        background-color: $u-error;
-        display: flex;
-        align-items: center;
-		justify-content: center;
-        padding: 2px 7px;
-        border-radius: 20px;
-		line-height: 1;
-		.text {
-			font-size: 12px;
-			color: #ffffff;
-		}
-    }
-
-    .demo-tag-text {
-        border: 1px solid $u-primary;
-        margin-left: 10px;
-        border-radius: 50rpx;
-        line-height: 1;
-        padding: 2px 7px;
-        border-radius: 20px;
-        display: flex;
-        align-items: center;
-        border-radius: 20px;
-		.text {
-			font-size: 12px;
-			 color: $u-primary;
-		}
-    }
-
-    .demo-price {
-        font-size: 30rpx;
-        color: $u-error;
-        margin-top: 5px;
-    }
-
-    .demo-shop {
-        font-size: 22rpx;
-        color: $u-tips-color;
-        margin-top: 5px;
-    }
-</style>

src/pages/componentsC/album/album.nvue

@@ -1,306 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础使用</text>
-			<view class="u-demo-block__content">
-				<view class="album">
-					<view class="album__avatar">
-						<image
-						    src="/static/uview/common/logo.png"
-						    mode=""
-						    style="width: 32px;height: 32px;"
-						></image>
-					</view>
-					<view class="album__content">
-						<up-text
-						    text="uview-plus"
-						    type="primary"
-						    bold
-						    size="17"
-						></up-text>
-						<up-text
-						    margin="0 0 8px 0"
-						    text="全面的组件和便捷的工具会让您信手拈来，如鱼得水"
-						></up-text>
-						<up-album @click="testStop"
-						    :urls="urls1"
-						    keyName="src2"
-						></up-album>
-					</view>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">多图模式</text>
-			<view class="u-demo-block__content">
-				<view class="album">
-					<view class="album__avatar">
-						<image
-						    src="/static/uview/common/logo.png"
-						    mode=""
-						    style="width: 32px;height: 32px;"
-						></image>
-					</view>
-					<view class="album__content">
-						<up-text
-						    text="uview-plus"
-						    type="primary"
-						    bold
-						    size="17"
-						></up-text>
-						<up-text
-						    margin="0 0 8px 0"
-						    text="全面的组件和便捷的工具会让您信手拈来，如鱼得水"
-						></up-text>
-						<up-album :urls="urls2"></up-album>
-					</view>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">图文对齐</text>
-			<view class="u-demo-block__content">
-				<view class="album">
-					<view class="album__avatar">
-						<image
-						    src="/static/uview/common/logo.png"
-						    mode=""
-						    style="width: 32px;height: 32px;"
-						></image>
-					</view>
-					<view class="album__content">
-						<up-text
-						    text="uview-plus"
-						    type="primary"
-						    bold
-						    size="17"
-						></up-text>
-						<view :style="{
-							marginBottom: '8px',
-							width: albumWidth + 'px'
-						}">
-							<up-text
-							    text="全面的组件和便捷的工具会让您信手拈来，如鱼得水"
-							    :customStyle="{
-									width: albumWidth + 'px'
-								}"
-							></up-text>
-						</view>
-						<up-album
-						    :urls="urls2"
-						    @albumWidth="width => albumWidth = width"
-						    multipleSize="68"
-						></up-album>
-					</view>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">更改裁剪模式</text>
-			<view class="u-demo-block__content">
-				<view class="album">
-					<view class="album__avatar">
-						<image
-						    src="/static/uview/common/logo.png"
-						    mode=""
-						    style="width: 32px;height: 32px;"
-						></image>
-					</view>
-					<view class="album__content">
-						<up-text
-						    text="uview-plus"
-						    type="primary"
-						    bold
-						    size="17"
-						></up-text>
-						<up-text
-						    margin="0 0 8px 0"
-						    text="全面的组件和便捷的工具会让您信手拈来，如鱼得水"
-						></up-text>
-						<up-album
-						    :urls="urls3"
-						    rowCount="2"
-						    maxCount="4"
-						    multipleMode="scaleToFill"
-						></up-album>
-					</view>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">更改图片大小</text>
-			<view class="u-demo-block__content">
-				<view class="album">
-					<view class="album__avatar">
-						<image
-						    src="/static/uview/common/logo.png"
-						    mode=""
-						    style="width: 32px;height: 32px;"
-						></image>
-					</view>
-					<view class="album__content">
-						<up-text
-						    text="uview-plus"
-						    type="primary"
-						    bold
-						    size="17"
-						></up-text>
-						<up-text
-						    margin="0 0 8px 0"
-						    text="全面的组件和便捷的工具会让您信手拈来，如鱼得水"
-						></up-text>
-						<up-album
-						    :urls="urls4"
-						    rowCount="2"
-						    maxCount="4"
-						    multipleSize="50"
-						></up-album>
-					</view>
-				</view>
-			</view>
-		</view>
-        <view class="u-demo-block">
-            <text class="u-demo-block__title">自定义圆角</text>
-            <view class="u-demo-block__content">
-                <view class="album">
-                    <view class="album__avatar">
-                        <image
-                            src="/static/uview/common/logo.png"
-                            mode=""
-                            style="width: 32px;height: 32px;"
-                        ></image>
-                    </view>
-                    <view class="album__content">
-                        <up-text
-                            text="uview-plus"
-                            type="primary"
-                            bold
-                            size="17"
-                        ></up-text>
-                        <up-text
-                            margin="0 0 8px 0"
-                            text="全面的组件和便捷的工具会让您信手拈来，如鱼得水"
-                        ></up-text>
-                        <up-album :urls="urls2" radius="10"></up-album>
-                    </view>
-                </view>
-            </view>
-        </view>
-        <view class="u-demo-block">
-            <text class="u-demo-block__title">自定义形状</text>
-            <view class="u-demo-block__content">
-                <view class="album">
-                    <view class="album__avatar">
-                        <image
-                            src="/static/uview/common/logo.png"
-                            mode=""
-                            style="width: 32px;height: 32px;"
-                        ></image>
-                    </view>
-                    <view class="album__content">
-                        <up-text
-                            text="uview-plus"
-                            type="primary"
-                            bold
-                            size="17"
-                        ></up-text>
-                        <up-text
-                            margin="0 0 8px 0"
-                            text="全面的组件和便捷的工具会让您信手拈来，如鱼得水"
-                        ></up-text>
-                        <up-album :urls="urls2" shape="circle"></up-album>
-                    </view>
-                </view>
-            </view>
-        </view>
-		<view class="u-demo-block">
-		    <text class="u-demo-block__title">自适应自动换行</text>
-		    <view class="u-demo-block__content">
-		        <view class="album">
-		            <view class="album__avatar">
-		                <image
-		                    src="/static/uview/common/logo.png"
-		                    mode=""
-		                    style="width: 32px;height: 32px;"
-		                ></image>
-		            </view>
-		            <view class="album__content">
-		                <up-text
-		                    text="uview-plus"
-		                    type="primary"
-		                    bold
-		                    size="17"
-		                ></up-text>
-		                <up-text
-		                    margin="0 0 8px 0"
-		                    text="每行占满自动换行(不受rowCount限制)"
-		                ></up-text>
-		                <up-album :urls="urls2" :max-count="9" autoWrap></up-album>
-		            </view>
-		        </view>
-		    </view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				albumWidth: 0,
-				urls1: [{
-					src2: 'https://cdn.uviewui.com/uview/album/1.jpg',
-				}],
-				urls2: [
-					'https://cdn.uviewui.com/uview/album/1.jpg',
-					'https://cdn.uviewui.com/uview/album/2.jpg',
-					'https://cdn.uviewui.com/uview/album/3.jpg',
-					'https://cdn.uviewui.com/uview/album/4.jpg',
-					'https://cdn.uviewui.com/uview/album/5.jpg',
-					'https://cdn.uviewui.com/uview/album/6.jpg',
-					'https://cdn.uviewui.com/uview/album/7.jpg',
-					'https://cdn.uviewui.com/uview/album/8.jpg',
-					'https://cdn.uviewui.com/uview/album/9.jpg',
-					'https://cdn.uviewui.com/uview/album/10.jpg',
-				],
-				urls3: [
-					'https://cdn.uviewui.com/uview/album/5.jpg',
-					'https://cdn.uviewui.com/uview/album/6.jpg',
-					'https://cdn.uviewui.com/uview/album/7.jpg',
-					'https://cdn.uviewui.com/uview/album/8.jpg',
-				],
-				urls4: [
-					'https://cdn.uviewui.com/uview/album/7.jpg',
-					'https://cdn.uviewui.com/uview/album/8.jpg',
-					'https://cdn.uviewui.com/uview/album/9.jpg',
-					'https://cdn.uviewui.com/uview/album/10.jpg',
-				]
-			}
-		},
-		methods: {
-			testStop() {
-				uni.showToast({
-					title: 'test'
-				})
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.album {
-		@include flex;
-		align-items: flex-start;
-
-		&__avatar {
-			background-color: $u-bg-color;
-			padding: 5px;
-			border-radius: 3px;
-		}
-
-		&__content {
-			margin-left: 10px;
-			flex: 1;
-		}
-	}
-</style>

src/pages/componentsC/avatar/avatar.nvue

@@ -1,182 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础演示</text>
-			<view class="u-demo-block__content">
-				<up-avatar :src="src1"></up-avatar>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">头像形状</text>
-			<view class="u-demo-block__content">
-				<view class="u-avatar-item">
-					<up-avatar
-						:src="src2"
-						shape="circle"
-						@click="click"
-					></up-avatar>
-				</view>
-				<view class="u-avatar-item">
-					<up-avatar
-						:src="src3"
-						shape="square"
-					></up-avatar>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">头像尺寸</text>
-			<view class="u-demo-block__content">
-				<view class="u-avatar-item">
-					<up-avatar
-						:src="src4"
-						size="30"
-					></up-avatar>
-				</view>
-				<view class="u-avatar-item">
-					<up-avatar
-						:src="src5"
-						size="40"
-					></up-avatar>
-				</view>
-				<view class="u-avatar-item">
-					<up-avatar
-						:src="src6"
-						size="50"
-					></up-avatar>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">图标头像</text>
-			<view class="u-demo-block__content">
-				<view class="u-avatar-item">
-					<up-avatar
-						icon="red-packet-fill"
-						fontSize="22"
-					></up-avatar>
-				</view>
-				<view class="u-avatar-item">
-					<up-avatar
-						icon="star-fill"
-						fontSize="22"
-					></up-avatar>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">文字头像(自动背景色)</text>
-			<view class="u-demo-block__content">
-				<view class="u-avatar-item">
-					<up-avatar
-						text="U"
-						fontSize="20"
-						randomBgColor
-						:colorIndex="0"
-					></up-avatar>
-				</view>
-				<view class="u-avatar-item">
-					<up-avatar
-						text="邓"
-						fontSize="18"
-						randomBgColor
-					></up-avatar>
-				</view>
-				<view class="u-avatar-item">
-					<up-avatar
-						text="张"
-						fontSize="18"
-						randomBgColor
-					></up-avatar>
-				</view>
-				<view class="u-avatar-item">
-					<up-avatar
-						text="王"
-						fontSize="18"
-						randomBgColor
-					></up-avatar>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">图片加载失败(显示默认头像)</text>
-			<view class="u-demo-block__content">
-				<up-avatar :src="src7"></up-avatar>
-			</view>
-		</view>
-		<!-- #ifdef MP-WEIXIN || MP-QQ || MP-BAIDU -->
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">小程序开放能力</text>
-			<view class="u-demo-block__content">
-				<view class="u-avatar-item">
-					<up-avatar
-						mpAvatar
-						size="60"
-					></up-avatar>
-				</view>
-			</view>
-		</view>
-		<!-- #endif -->
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">头像组</text>
-			<view class="u-demo-block__content">
-				<up-avatar-group
-					:urls="urls"
-					size="35"
-					gap="0.4"
-				></up-avatar-group>
-			</view>
-			<view class="u-demo-block__content" style="margin-top: 20px">
-				<up-avatar-group
-					:urls="urls"
-					size="35"
-					gap="0.6"
-				></up-avatar-group>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				src1: './static/uview/album/1.jpg',
-				src2: './static/uview/album/2.jpg',
-				src3: './static/uview/album/3.jpg',
-				src4: './static/uview/album/4.jpg',
-				src5: './static/uview/album/5.jpg',
-				src6: './static/uview/album/6.jpg',
-				src7: './static/uview/album/noExist.jpg',
-				urls: [
-					'./static/uview/album/1.jpg',
-					'./static/uview/album/2.jpg',
-					'./static/uview/album/3.jpg',
-					'./static/uview/album/4.jpg',
-					'./static/uview/album/7.jpg',
-					'./static/uview/album/6.jpg',
-					'./static/uview/album/5.jpg'
-				]
-			}
-		},
-		onLoad() {
-
-		},
-		methods: {
-			click(name) {
-				console.log('click', name);
-			}
-		},
-	}
-</script>
-
-<style lang="scss">
-	.u-demo-block__content {
-		@include flex;
-		align-items: center;
-	}
-
-	.u-avatar-item {
-		margin-right: 30px;
-	}
-</style>

src/pages/componentsC/calendar/calendar.nvue

@@ -1,217 +0,0 @@
-<template>
-	<view class="u-page">
-		<up-navbar
-			title="日历"
-			@leftClick="navigateBack"
-			safeAreaInsetTop
-			fixed
-			placeholder
-		></up-navbar>
-		<up-cell-group>
-			<up-cell
-				@click="showCalendar(index)"
-				:title="item.title"
-				v-for="(item, index) in list"
-				:key="index"
-				:label="values[index]"
-				isLink
-			>
-				<template #icon>
-					<image
-						class="u-cell-icon"
-						:src="item.iconUrl"
-						mode="widthFix"
-					></image>
-				</template>
-			</up-cell>
-		</up-cell-group>
-		<up-calendar
-			:show="show1"
-			defaultDate="2022-02-15"
-			@confirm="confirm"
-			@close="close"
-		></up-calendar>
-		<up-calendar
-			:show="show2"
-			mode="multiple"
-			:defaultDate="['2022-03-01']"
-			@confirm="confirm"
-			@close="close"
-		></up-calendar>
-		<up-calendar
-			:show="show3"
-			mode="range"
-			@confirm="confirm"
-			@close="close"
-		></up-calendar>
-		<up-calendar
-			:show="show4"
-			mode="range"
-			@confirm="confirm"
-			@close="close"
-			color="#f56c6c"
-			:defaultDate="customThemeDefaultDate"
-		></up-calendar>
-		<up-calendar
-			:show="show5"
-			mode="range"
-			@confirm="confirm"
-			@close="close"
-			:defaultDate="customTextDefaultDate"
-			startText="住店"
-			endText="离店"
-			confirmDisabledText="请选择离店日期"
-			:formatter="formatter"
-		></up-calendar>
-		<up-calendar
-			:show="show6"
-			@confirm="confirm"
-			@close="close"
-			:maxDate="maxDate"
-		></up-calendar>
-		<up-calendar
-			:show="show7"
-			@confirm="confirm"
-			@close="close"
-			showLunar
-		></up-calendar>
-		<up-calendar
-			:show="show8"
-			@confirm="confirm"
-			@close="close"
-			mode="multiple"
-			:defaultDate="defaultDateMultiple"
-		></up-calendar>
-		<up-calendar
-			:show="show9"
-			@confirm="confirm"
-			@close="close"
-			:minDate="minDate"
-			maxDate="2023-07-05"
-			defaultDate="2022-09-09"
-		></up-calendar>
-	</view>
-</template>
-<script>
-	export default {
-		data() {
-			const d = new Date()
-			const year = d.getFullYear()
-			let month = d.getMonth() + 1
-			month = month < 10 ? `0${month}` : month
-			const date = d.getDate()
-			return {
-				index: 0,
-				show1: false,
-				show2: false,
-				show3: false,
-				show4: false,
-				show5: false,
-				show6: false,
-				show7: false,
-				show8: false,
-				show9: false,
-				values: ['','','','','','','',''],
-				customThemeDefaultDate: [`${year}-${month}-${date}`, `${year}-${month}-${date + 5}`], 
-				customTextDefaultDate: [`${year}-${month}-${date}`],
-				minDate: `2022-08-09`,
-				maxDate: `${year}-${month}-${date + 10}`,
-				defaultDateMultiple: [`${year}-${month}-${date}`, `${year}-${month}-${date + 1}`, `${year}-${month}-${date + 2}`],
-				list: [{
-						title: '单个日期',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/calendar/7.png'
-					},
-					{
-						title: '多个日期',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/calendar/8.png'
-					},
-					{
-						title: '日期范围',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/calendar/9.png'
-					},
-					{
-						title: '自定义主题颜色',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/calendar/15.png'
-					},{
-						title: '自定义文案',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/calendar/14.png'
-					},{
-						title: '日期最大范围',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/calendar/13.png'
-					},{
-						title: '显示农历',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/calendar/5.png'
-					},{
-						title: '默认日期',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/calendar/10.png'
-					},{
-						title: '日期最小范围',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/calendar/10.png'
-					}
-				]
-			}
-		},
-		methods: {
-			showCalendar(index) {
-				this.index = index + 1
-				this[`show${index + 1}`] = true
-			},
-			navigateBack() {
-				uni.navigateBack();
-			},
-			confirm(e) {
-				this[`show${this.index}`] = false
-				console.log(e);
-				switch(this.index - 1) {
-					case 0:
-						this.values[this.index - 1] = e[0];
-						break;
-					case 1:
-						e.forEach((value, index) => {
-							index === 0 ? this.values[this.index - 1] = value : this.values[this.index - 1] += ';' + value
-						})
-						break;
-					case 2:
-						this.values[this.index - 1] = e[0] + '~' + e[e.length - 1];
-						break;
-					case 3:
-						this.values[this.index - 1] = e[0] + '~' + e[e.length - 1];
-						break;
-					case 4:
-						this.values[this.index - 1] = e[0] + '~' + e[e.length - 1];
-						break;
-					case 5:
-						this.values[this.index - 1] = e[0];
-						break;
-					case 6:
-						this.values[this.index - 1] = e[0];
-						break;
-					case 7:
-						e.forEach((value, index) => {
-							index === 0 ? this.values[this.index - 1] = value : this.values[this.index - 1] += ';' + value
-						})
-						break;
-				}
-			},
-			close() {
-				this[`show${this.index}`] = false
-			},
-			formatter(day) {
-				const d = new Date()
-				let month = d.getMonth() + 1
-				const date = d.getDate()
-				if(day.month == month && day.day == date + 3) {
-					day.bottomInfo = '有优惠'
-					day.dot = true
-				}
-				return day
-			}
-		},
-	}
-</script>
-
-<style lang="scss">
-	.u-page {
-		padding: 0;
-	}
-</style>

src/pages/componentsC/codeInput/codeInput.nvue

@@ -1,153 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础使用</text>
-			<view class="u-demo-block__content">
-				<up-code-input
-					v-model="value1"
-					:maxlength="4"
-					@change="change"
-					@finish="finish"
-				></up-code-input>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">横线模式</text>
-			<view class="u-demo-block__content">
-				<up-code-input
-					v-model="value2"
-					mode="line"
-					:maxlength="4"
-					:bold="true"
-				></up-code-input>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">设置长度</text>
-			<view class="u-demo-block__content">
-				<up-code-input
-					v-model="value3"
-					:maxlength="6"
-				></up-code-input>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">设置间距</text>
-			<view class="u-demo-block__content">
-				<up-code-input
-					v-model="value4"
-					mode="box"
-					:space="0"
-					:maxlength="4"
-				></up-code-input>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">细边框</text>
-			<view class="u-demo-block__content">
-				<up-code-input
-					v-model="value5"
-					mode="box"
-					:space="0"
-					:maxlength="4"
-					hairline
-				></up-code-input>
-			</view>
-			<view
-				class="u-demo-block__content"
-				style="margin-top: 10px;"
-			>
-				<up-code-input
-					v-model="value6"
-					mode="line"
-					:space="10"
-					:maxlength="4"
-					hairline
-				></up-code-input>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">调整颜色</text>
-			<view class="u-demo-block__content">
-				<up-code-input
-					v-model="value7"
-					mode="box"
-					:space="0"
-					:maxlength="4"
-					hairline
-					color="#f56c6c"
-					borderColor="#f56c6c"
-				></up-code-input>
-				<view class="u-demo-block__content" style="margin-top: 10px;">
-					<up-code-input
-						v-model="value10"
-						mode="line"
-						size="30"
-						:maxlength="4"
-						hairline
-						color="#3c9cff"
-						borderColor="#3c9cff"
-					></up-code-input>
-				</view>
-
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">点模式</text>
-			<view class="u-demo-block__content">
-				<up-code-input
-					v-model="value8"
-					mode="box"
-					dot
-					:space="0"
-					:maxlength="4"
-					hairline
-				></up-code-input>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">预置内容</text>
-			<view class="u-demo-block__content">
-				<up-code-input
-					v-model="value9"
-					mode="box"
-					:space="0"
-					:maxlength="4"
-					hairline
-					fontSize="17"
-				></up-code-input>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				value1: '',
-				value2: '',
-				value3: '',
-				value4: '',
-				value5: '',
-				value6: '',
-				value7: '',
-				value8: '',
-				value9: '123',
-				value10: '34'
-			}
-		},
-		methods: {
-			change(e) {
-				console.log('change', e);
-			},
-			finish(e) {
-				console.log('finish', e);
-			}
-		},
-	}
-</script>
-
-<style lang="scss">
-
-</style>

src/pages/componentsC/datetimePicker/datetimePicker.nvue

@@ -1,248 +0,0 @@
-<template>
-	<view class="u-page">
-		<up-navbar
-			title="datetimePicker 时间日期选择器"
-			@leftClick="navigateBack"
-			safeAreaInsetTop
-			fixed
-			placeholder
-		></up-navbar>
-		<view class="u-demo-block__content" style="padding: 0 15px;">
-			<up-form
-				class="u-demo-block__content"
-				labelPosition="left"
-				ref="form1"
-			>
-				<up-form-item
-					label="姓名"
-					prop="userInfo.name"
-					borderBottom
-					ref="item1"
-				>
-					<up-input
-					></up-input>
-				</up-form-item>
-				<up-form-item borderBottom label="日期">
-					<up-datetime-picker
-						hasInput
-						placeholder="请选择日期"
-						mode="datetime"
-						:modelValue="1714266792000"
-						>
-					</up-datetime-picker>
-				</up-form-item>
-			</up-form>
-		</view>
-		<up-cell-group>
-			<up-cell
-				@click="showDatetimePicker(index)"
-				:title="item.title"
-				v-for="(item, index) in list"
-				:key="index"
-				isLink
-			>
-				<template #icon>
-					<image
-						class="u-cell-icon"
-						:src="item.iconUrl"
-						mode="widthFix"
-					></image>
-				</template>
-			</up-cell>
-		</up-cell-group>
-		<up-datetime-picker
-			:show="show1"
-			v-model="value1"
-			mode="datetime"
-			closeOnClickOverlay
-			@confirm="confirm"
-			@cancel="cancel"
-			@change="change"
-			@close="close"
-		>
-			<template #toolbar-right>
-				右侧
-			</template>
-		</up-datetime-picker>
-		<up-datetime-picker
-			:show="show2"
-			v-model="value2"
-			mode="date"
-			closeOnClickOverlay
-			@confirm="confirm"
-			@cancel="cancel"
-			@change="change"
-			@close="close"
-		></up-datetime-picker>
-		<up-datetime-picker
-			:show="show3"
-			v-model="value3"
-			mode="year-month"
-			closeOnClickOverlay
-			@confirm="confirm"
-			@cancel="cancel"
-			@change="change"
-			@close="close"
-		></up-datetime-picker>
-		<up-datetime-picker
-			:show="show4"
-			v-model="value4"
-			mode="time"
-			closeOnClickOverlay
-			@confirm="confirm"
-			@cancel="cancel"
-			@change="change"
-			@close="close"
-		></up-datetime-picker>
-		<up-datetime-picker
-			:show="show5"
-			v-model="value5"
-			:filter="filter"
-			mode="date"
-			closeOnClickOverlay
-			@confirm="confirm"
-			@cancel="cancel"
-			@change="change"
-			@close="close"
-		></up-datetime-picker>
-		<up-datetime-picker
-			:show="show6"
-			v-model="value6"
-			mode="date"
-			:formatter="formatter"
-			closeOnClickOverlay
-			@confirm="confirm"
-			@cancel="cancel"
-			@change="change"
-			@close="close"
-		></up-datetime-picker>
-		<up-datetime-picker
-			:show="show7"
-			v-model="value7"
-			mode="datetime"
-			:minDate="875635200"
-			:maxDate="1786778555000"
-			closeOnClickOverlay
-			@confirm="confirm"
-			@cancel="cancel"
-			@change="change"
-			@close="close"
-		></up-datetime-picker>
-	</view>
-</template>
-<script>
-	export default {
-		data() {
-			const d = new Date()
-			const year = d.getFullYear()
-			let month = uni.$u.padZero(d.getMonth() + 1)
-			const date = d.getDate()
-			return {
-				current: 0,
-				value1: Number(new Date()),
-				value2: Number(new Date()),
-				value3: Number(new Date()),
-				value4: '05:28',
-				value5: Number(new Date()),
-				value6: Number(new Date()),
-				value7: Number(new Date()),
-				show1: false,
-				show2: false,
-				show3: false,
-				show4: false,
-				show5: false,
-				show6: false,
-				show7: false,
-				list: [{
-						title: '完整日期时间',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/datetime-picker/6.png'
-					},
-					{
-						title: '年月日',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/datetime-picker/4.png'
-					},
-					{
-						title: '年月',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/datetime-picker/3.png'
-					},
-					{
-						title: '时间',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/datetime-picker/5.png'
-					}, {
-						title: '过滤器(保留偶数年)',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/datetime-picker/2.png'
-					}, {
-						title: '格式化',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/datetime-picker/1.png'
-					}, {
-						title: '限制最大最小值',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/datetime-picker/7.png'
-					}
-				]
-			}
-		},
-		methods: {
-			close() {
-				this[`show${this.current}`] = false
-			},
-			cancel() {
-				this[`show${this.current}`] = false
-			},
-			confirm(e) {
-				this[`show${this.current}`] = false
-				this.result(e.value, e.mode)
-			},
-			change(e) {
-				// console.log('change', e)
-			},
-			navigateBack() {
-				uni.navigateBack()
-			},
-			filter(mode, options) {
-				if (mode === 'year') {
-					return options.filter((option) => option % 2 === 0);
-				}
-
-				return options;
-			},
-			showDatetimePicker(index) {
-				this.current = index + 1
-				this[`show${index + 1}`] = true
-			},
-			result(time, mode) {
-				const timeFormat = uni.$u.timeFormat,
-					toast = uni.$u.toast
-				switch (mode) {
-					case 'datetime':
-						return toast(timeFormat(time, 'yyyy-mm-dd hh:MM'))
-					case 'date':
-						return toast(timeFormat(time, 'yyyy-mm-dd'))
-					case 'year-month':
-						return toast(timeFormat(time, 'yyyy-mm'))
-					case 'time':
-						return toast(time)
-					default:
-						return ''
-				}
-			},
-			formatter(type, value) {
-				if (type === 'year') {
-					return `${value}年`
-				}
-				if (type === 'month') {
-					return `${value}月`
-				}
-				if (type === 'day') {
-					return `${value}日`
-				}
-				return value
-			},
-		},
-	}
-</script>
-
-<style lang="scss">
-	.u-page {
-		padding: 0;
-	}
-</style>

src/pages/componentsC/form/form.nvue

@@ -1,484 +0,0 @@
-<template>
-	<view class="u-page">
-		<up-navbar
-			title="表单"
-			@leftClick="navigateBack"
-			safeAreaInsetTop
-			fixed
-			placeholder
-		></up-navbar>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础使用</text>
-			<view class="u-demo-block__content">
-				<!-- 注意，如果需要兼容微信小程序，最好通过setRules方法设置rules规则 -->
-				<up-form
-					labelPosition="left"
-					:model="model1"
-					ref="form1"
-				>
-					<up-form-item
-						label="姓名"
-						prop="userInfo.name"
-						borderBottom
-						ref="item1"
-					>
-						<up-input
-							v-model="model1.userInfo.name"
-							border="none"
-							placeholder="姓名,只能为中文"
-						></up-input>
-					</up-form-item>
-					<up-form-item
-						label="性别"
-						prop="userInfo.sex"
-						borderBottom
-						@click="showSex = true; hideKeyboard()"
-						ref="item1"
-					>
-						<view @click.self="showSex = true; hideKeyboard()">
-							<up-input
-								v-model="model1.userInfo.sex"
-								disabled
-								disabledColor="#ffffff"
-								placeholder="请选择性别"
-								border="none"
-							></up-input>
-						</view>
-						<template #right>
-							<up-icon
-								name="arrow-right"
-							></up-icon>
-						</template>
-					</up-form-item>
-					<up-form-item
-						label="年龄"
-						prop="userInfo.age"
-						borderBottom
-						ref="item1"
-						:rules="[{
-							type: 'string',
-							required: true,
-							message: '请填写年龄',
-							trigger: ['blur', 'change']
-						}]"
-					>
-						<up-input
-							placeholder="请输入内容"
-							border="surround"
-							type="number"
-							v-model="model1.userInfo.age"
-							clearable
-						></up-input>
-					</up-form-item>
-					<up-form-item
-						label="水果"
-						prop="radiovalue1"
-						borderBottom
-						ref="item2"
-					>
-						<up-radio-group v-model="model1.radiovalue1">
-							<up-radio
-								:customStyle="{marginRight: '16px'}"
-								v-for="(item, index) in radiolist1"
-								:key="index"
-								:label="item.name"
-								:name="item.name"
-							>
-							</up-radio>
-						</up-radio-group>
-					</up-form-item>
-					<up-form-item
-						label="兴趣爱好"
-						prop="checkboxValue1"
-						borderBottom
-						labelWidth="80"
-						ref="item3"
-					>
-						<up-checkbox-group
-							v-model="model1.checkboxValue1"
-							shape="square"
-							@change="change"
-						>
-							<up-checkbox
-								:customStyle="{marginRight: '16px'}"
-								v-for="(item, index) in checkboxList1"
-								:key="index"
-								:label="item.name"
-								:name="item.name"
-							>
-							</up-checkbox>
-						</up-checkbox-group>
-					</up-form-item>
-					<up-form-item
-						label="简介"
-						prop="intro"
-						borderBottom
-						ref="item3"
-					>
-						<up-textarea
-							placeholder="不低于3个字"
-							v-model="model1.intro"
-							count
-						></up-textarea>
-					</up-form-item>
-					<up-form-item
-						label="住店时间"
-						prop="hotel"
-						labelWidth="80"
-						borderBottom
-						@click="showCalendar = true; hideKeyboard()"
-					>
-						<up-input
-							v-model="model1.hotel"
-							disabled
-							disabledColor="#ffffff"
-							placeholder="请选择住店和离店时间"
-							border="none"
-						></up-input>
-						<template #right>
-							<up-icon
-								name="arrow-right"
-							></up-icon>
-						</template>
-					</up-form-item>
-					<up-form-item
-						label="验证码"
-						prop="code"
-						labelWidth="80"
-						borderBottom
-					>
-						<up-input
-							v-model="model1.code"
-							border="none"
-							placeholder="请填写验证码"
-						></up-input>
-						<up-button
-							#right
-							@tap="getCode"
-							:text="tips"
-							type="success"
-							size="mini"
-							style="flex: 0.5;"
-							:disabled="disabled1"
-						></up-button>
-					</up-form-item>
-					<up-form-item
-						label="生日"
-						prop="userInfo.birthday"
-						borderBottom
-						@click="showBirthday = true; hideKeyboard()"
-						ref="item1"
-					>
-						<up-input
-							v-model="model1.userInfo.birthday"
-							disabled
-							disabledColor="#ffffff"
-							placeholder="请选择生日"
-							border="none"
-						></up-input>
-						<template #right>
-							<up-icon
-								name="arrow-right"
-							></up-icon>
-						</template>
-					</up-form-item>
-				</up-form>
-				<up-button
-					type="primary"
-					text="提交"
-					customStyle="margin-top: 50px"
-					@click="submit"
-				></up-button>
-				<up-button
-					type="error"
-					text="重置"
-					customStyle="margin-top: 10px"
-					@click="reset"
-				></up-button>
-				<up-action-sheet
-					:show="showSex"
-					:actions="actions"
-					title="请选择性别"
-					description="如果选择保密会报错"
-					@close="showSex = false"
-					@select="sexSelect"
-				>
-				</up-action-sheet>
-				<up-calendar
-					:show="showCalendar"
-					mode="range"
-					@confirm="calendarConfirm"
-					@close="calendarClose"
-					startText="住店"
-					endText="离店"
-					confirmDisabledText="请选择离店日期"
-					:formatter="formatter"
-				></up-calendar>
-				<up-code
-					ref="uCode"
-					@change="codeChange"
-					seconds="20"
-					@start="disabled1 = true"
-					@end="disabled1 = false"
-				></up-code>
-				<up-datetime-picker
-					:show="showBirthday"
-					:value="birthday"
-					mode="date"
-					closeOnClickOverlay
-					@confirm="birthdayConfirm"
-					@cancel="birthdayClose"
-					@close="birthdayClose"
-				></up-datetime-picker>
-			</view>
-		</view>
-	</view>
-</template>
-<script setup lang="ts">
-	import { ref } from 'vue'
-	import type { UniFormRef } from '@/uni_modules/uview-plus/types'
-	const form1 = ref<UniFormRef|null>(null)
-</script>
-<script lang="ts">
-	export default {
-		data() {
-			return {
-				fileList1: [],
-				disabled1: false,
-				tips: '',
-				value: '',
-				showCalendar: false,
-				showBirthday: false,
-				model1: {
-					userInfo: {
-						name: '楼兰',
-						sex: '',
-						age: 0,
-						birthday: ''
-					},
-					radiovalue1: '苹果',
-					checkboxValue1: [],
-					intro: '',
-					code: ''
-				},
-				showSex: false,
-				birthday: Number(new Date()),
-				actions: [{
-						name: '男',
-					},
-					{
-						name: '女',
-					},
-					{
-						name: '保密',
-					},
-				],
-				rules: {
-					'userInfo.name': [{
-						type: 'string',
-						required: true,
-						message: '请填写姓名',
-						trigger: ['blur', 'change']
-					},
-					{
-						// 此为同步验证，可以直接返回true或者false，如果是异步验证，稍微不同，见下方说明
-						validator: (rule, value, callback) => {
-							// 调用uview-plus自带的js验证规则，详见：https://uview-plus.jiangruyi.com/js/test.html
-							return uni.$u.test.chinese(value);
-						},
-						message: "姓名必须为中文",
-						// 触发器可以同时用blur和change，二者之间用英文逗号隔开
-						trigger: ["change", "blur"],
-					},
-					{
-						asyncValidator: (rule, value, callback) => {
-							setTimeout(() => {
-								callback('异步规则');
-							}, 1000)
-						},
-						// 触发器可以同时用blur和change，二者之间用英文逗号隔开
-						trigger: ["change", "blur"],
-					 } ,
-					],
-					code: {
-						type: 'string',
-						required: true,
-						len: 4,
-						message: '请填写4位验证码',
-						trigger: ['blur']
-					},
-					'userInfo.sex': {
-						type: 'string',
-						max: 1,
-						required: true,
-						message: '请选择男或女',
-						trigger: ['blur', 'change']
-					},
-					radiovalue1: {
-						type: 'string',
-						min: 1,
-						max: 2,
-						message: '橙子有毒',
-						trigger: ['change']
-					},
-					checkboxValue1: {
-						type: 'array',
-						min: 2,
-						required: true,
-						message: '不能太宅，至少选两项',
-						trigger: ['change']
-					},
-					intro: {
-						type: 'string',
-						min: 3,
-						required: true,
-						message: '不低于3个字',
-						trigger: ['change']
-					},
-					hotel: {
-						type: 'string',
-						min: 2,
-						required: true,
-						message: '请选择住店时间',
-						trigger: ['change']
-					},
-					'userInfo.birthday': {
-						type: 'string',
-						required: true,
-						message: '请选择生日',
-						trigger: ['change']
-					},
-				},
-				radiolist1: [{
-						name: '苹果',
-						disabled: false
-					},
-					{
-						name: '香蕉',
-						disabled: false
-					},
-					{
-						name: '毒橙子',
-						disabled: false
-					}
-				],
-				checkboxList1: [{
-						name: '羽毛球',
-						disabled: false
-					},
-					{
-						name: '跑步',
-						disabled: false
-					},
-					{
-						name: '爬山',
-						disabled: false
-					}
-				]
-			}
-		},
-		onReady() {
-			// 如果需要兼容微信小程序，并且校验规则中含有方法等，只能通过setRules方法设置规则
-			this.$refs.form1.setRules(this.rules)
-		},
-		methods: {
-			afterRead(event) {
-				this.fileList1.push({
-					url: event.file,
-					status: 'uploading',
-					message: '上传中'
-				})
-			},
-			groupChange(n) {
-				// console.log('groupChange', n);
-			},
-			radioChange(n) {
-				// console.log('radioChange', n);
-			},
-			navigateBack() {
-				uni.navigateBack()
-			},
-			sexSelect(e) {
-				this.model1.userInfo.sex = e.name
-				this.$refs.form1.validateField('userInfo.sex')
-			},
-			change(e) {
-				// console.log(e);
-			},
-			formatter(day) {
-				const d = new Date()
-				let month = d.getMonth() + 1
-				const date = d.getDate()
-				if (day.month == month && day.day == date + 3) {
-					day.bottomInfo = '有优惠'
-					day.dot = true
-				}
-				return day
-			},
-			calendarConfirm(e) {
-				this.showCalendar = false
-				this.model1.hotel = `${e[0]} / ${e[e.length - 1]}`
-				this.$refs.form1.validateField('hotel')
-			},
-			codeChange(text) {
-				this.tips = text;
-			},
-			getCode() {
-				if (this.$refs.uCode.canGetCode) {
-					// 模拟向后端请求验证码
-					uni.showLoading({
-						title: '正在获取验证码'
-					})
-					setTimeout(() => {
-						uni.hideLoading();
-						// 这里此提示会被this.start()方法中的提示覆盖
-						uni.$u.toast('验证码已发送');
-						// 通知验证码组件内部开始倒计时
-						this.$refs.uCode.start();
-					}, 2000);
-				} else {
-					uni.$u.toast('倒计时结束后再发送');
-				}
-			},
-			calendarClose() {
-				this.showCalendar = false
-				this.$refs.form1.validateField('hotel')
-			},
-			birthdayClose() {
-				this.showBirthday = false
-				this.$refs.form1.validateField('userInfo.birthday')
-			},
-			birthdayConfirm(e) {
-				this.showBirthday = false
-				this.model1.userInfo.birthday = uni.$u.timeFormat(e.value, 'yyyy-mm-dd')
-				this.$refs.form1.validateField('userInfo.birthday')
-			},
-			submit() {
-				// 如果有错误，会在catch中返回报错信息数组，校验通过则在then中返回true
-				this.$refs.form1.validate().then(res => {
-					uni.$u.toast('校验通过')
-				}).catch(errors => {
-					console.log(errors)
-					uni.$u.toast('校验失败')
-				})
-			},
-			reset() {
-				const validateList = ['userInfo.name', 'userInfo.sex', 'radiovalue1', 'checkboxValue1', 'intro',
-				'hotel', 'code', 'userInfo.birthday']
-				this.$refs.form1.resetFields()
-				this.$refs.form1.clearValidate()
-				setTimeout(()=>{
-					this.$refs.form1.clearValidate(validateList)
-					// 或者使用 this.$refs.form1.clearValidate()
-				},10)
-			},
-			hideKeyboard() {
-				uni.hideKeyboard()
-			}
-		},
-	}
-</script>
-
-<style lang="scss">
-
-</style>

src/pages/componentsC/indexList/indexList.nvue

@@ -1,137 +0,0 @@
-<template>
-	<up-index-list :indexList="indexList">
-		<template #header>
-			<view class="list">
-				<view class="list__item" @click="goNext">
-					<up-avatar shape="square" size="35" icon="man-add-fill" fontSize="26" randomBgColor></up-avatar>
-					<text class="list__item__user-name">新的朋友</text>
-				</view>
-				<up-line></up-line>
-				<view class="list__item">
-					<up-avatar shape="square" size="35" icon="tags-fill" fontSize="26" randomBgColor></up-avatar>
-					<text class="list__item__user-name">标签</text>
-				</view>
-				<up-line></up-line>
-				<view class="list__item">
-					<up-avatar shape="square" size="35" icon="chrome-circle-fill" fontSize="26" randomBgColor></up-avatar>
-					<text class="list__item__user-name">朋友圈</text>
-				</view>
-				<up-line></up-line>
-				<view class="list__item">
-					<up-avatar shape="square" size="35" icon="qq-fill" fontSize="26" randomBgColor></up-avatar>
-					<text class="list__item__user-name">QQ</text>
-				</view>
-				<up-line></up-line>
-			</view>
-		</template>
-		<template :key="index" v-for="(item, index) in itemArr">
-			<!-- #ifdef APP-NVUE -->
-			<up-index-anchor :text="indexList[index]"></up-index-anchor>
-			<!-- #endif -->
-			<up-index-item>
-				<!-- #ifndef APP-NVUE -->
-				<up-index-anchor :text="indexList[index]"></up-index-anchor>
-				<!-- #endif -->
-				<view class="list" v-for="(item1, index1) in item" :key="index1">
-					<view class="list__item">
-						<image class="list__item__avatar" :src="item1.url"></image>
-						<text class="list__item__user-name">{{item1.name}}</text>
-					</view>
-					<up-line></up-line>
-				</view>
-			</up-index-item>
-		</template>
-		<template #footer>
-			<view class="u-safe-area-inset--bottom">
-				<text class="list__footer">共305位好友</text>
-			</view>
-		</template>
-	</up-index-list>
-</template>
-
-<script>
-	const indexList = () => {
-		const indexList = []
-		const charCodeOfA = 'A'.charCodeAt(0)
-		indexList.push("↑")
-		indexList.push("☆")
-		for (let i = 0; i < 16; i++) {
-			indexList.push(String.fromCharCode(charCodeOfA + i))
-		}
-		indexList.push('#')
-		return indexList
-	}
-	export default {
-		data() {
-			return {
-				indexList: indexList(),
-				urls: [
-					'./static/uview/album/1.jpg',
-					'./static/uview/album/2.jpg',
-					'./static/uview/album/3.jpg',
-					'./static/uview/album/4.jpg',
-					'./static/uview/album/5.jpg',
-					'./static/uview/album/6.jpg',
-					'./static/uview/album/7.jpg',
-					'./static/uview/album/8.jpg',
-					'./static/uview/album/9.jpg',
-					'./static/uview/album/10.jpg',
-				],
-				names: ["勇往无敌", "疯狂的迪飙", "磊爱可", "梦幻梦幻梦", "枫中飘瓢", "飞翔天使",
-					"曾经第一", "追风幻影族长", "麦小姐", "胡格罗雅", "Red磊磊", "乐乐立立", "青龙爆风", "跑跑卡叮车", "山里狼", "supersonic超"
-				]
-			}
-		},
-		computed: {
-			itemArr() {
-				return this.indexList.map(item => {
-					const arr = []
-					for (let i = 0; i < 10; i++) {
-						arr.push({
-							name: this.names[uni.$u.random(0, this.names.length - 1)],
-							url: this.urls[uni.$u.random(0, this.urls.length - 1)]
-						})
-					}
-					return arr
-				})
-			}
-		},
-		methods: {
-			goNext() {
-				uni.navigateTo({
-					url: 'indexList2'
-				})
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.list {
-		
-		&__item {
-			@include flex;
-			padding: 6px 12px;
-			align-items: center;
-			
-			&__avatar {
-				height: 35px;
-				width: 35px;
-				border-radius: 3px;
-			}
-			
-			&__user-name {
-				font-size: 16px;
-				margin-left: 10px;
-				color: $u-main-color;
-			}
-		}
-		
-		&__footer {
-			color: $u-tips-color;
-			font-size: 14px;
-			text-align: center;
-			margin: 15px 0;
-		}
-	}
-</style>

src/pages/componentsC/indexList/indexList2.nvue

@@ -1,139 +0,0 @@
-<template>
-	<up-button type="primary" size="small" style="width: 120px;"
-		@click="show = true">打开弹窗</up-button>
-	<!-- 因为up-popup默认带有安全底部需要取消。 -->
-	<up-popup v-model:show="show" :safeAreaInsetBottom="false">
-		<view v-if="show">
-			<up-index-list style="height: 600px;"
-				:indexList="indexList">
-				<template #header>
-					<view class="list">
-						<view class="list__item">
-							<up-avatar shape="square" size="35" icon="man-add-fill" fontSize="26" randomBgColor></up-avatar>
-							<text class="list__item__user-name">新的朋友</text>
-						</view>
-						<up-line></up-line>
-						<view class="list__item">
-							<up-avatar shape="square" size="35" icon="tags-fill" fontSize="26" randomBgColor></up-avatar>
-							<text class="list__item__user-name">标签</text>
-						</view>
-						<up-line></up-line>
-						<view class="list__item">
-							<up-avatar shape="square" size="35" icon="chrome-circle-fill" fontSize="26" randomBgColor></up-avatar>
-							<text class="list__item__user-name">朋友圈</text>
-						</view>
-						<up-line></up-line>
-						<view class="list__item">
-							<up-avatar shape="square" size="35" icon="qq-fill" fontSize="26" randomBgColor></up-avatar>
-							<text class="list__item__user-name">QQ</text>
-						</view>
-						<up-line></up-line>
-					</view>
-				</template>
-				<template :key="index" v-for="(item, index) in itemArr">
-					<!-- #ifdef APP-NVUE -->
-					<up-index-anchor :text="indexList[index]"></up-index-anchor>
-					<!-- #endif -->
-					<up-index-item>
-						<!-- #ifndef APP-NVUE -->
-						<up-index-anchor :text="indexList[index]"></up-index-anchor>
-						<!-- #endif -->
-						<view class="list" v-for="(item1, index1) in item" :key="index1">
-							<view class="list__item">
-								<image class="list__item__avatar" :src="item1.url"></image>
-								<text class="list__item__user-name">{{item1.name}}</text>
-							</view>
-							<up-line></up-line>
-						</view>
-					</up-index-item>
-				</template>
-				<template #footer>
-					<view class="u-safe-area-inset--bottom">
-						<text class="list__footer">共305位好友</text>
-					</view>
-				</template>
-			</up-index-list>
-		</view>
-	</up-popup>
-</template>
-
-<script>
-	const indexList = () => {
-		const indexList = []
-		const charCodeOfA = 'A'.charCodeAt(0)
-		indexList.push("↑")
-		indexList.push("☆")
-		for (let i = 0; i < 10; i++) {
-			indexList.push(String.fromCharCode(charCodeOfA + i))
-		}
-		indexList.push('#')
-		return indexList
-	}
-	export default {
-		data() {
-			return {
-				show: false,
-				indexList: indexList(),
-				urls: [
-					'./static/uview/album/1.jpg',
-					'./static/uview/album/2.jpg',
-					'./static/uview/album/3.jpg',
-					'./static/uview/album/4.jpg',
-					'./static/uview/album/5.jpg',
-					'./static/uview/album/6.jpg',
-					'./static/uview/album/7.jpg',
-					'./static/uview/album/8.jpg',
-					'./static/uview/album/9.jpg',
-					'./static/uview/album/10.jpg',
-				],
-				names: ["勇往无敌", "疯狂的迪飙", "磊爱可", "梦幻梦幻梦", "枫中飘瓢", "飞翔天使",
-					"曾经第一", "追风幻影族长", "麦小姐", "胡格罗雅", "Red磊磊", "乐乐立立", "青龙爆风", "跑跑卡叮车", "山里狼", "supersonic超"
-				]
-			}
-		},
-		computed: {
-			itemArr() {
-				return this.indexList.map(item => {
-					const arr = []
-					for (let i = 0; i < 10; i++) {
-						arr.push({
-							name: this.names[uni.$u.random(0, this.names.length - 1)],
-							url: this.urls[uni.$u.random(0, this.urls.length - 1)]
-						})
-					}
-					return arr
-				})
-			}
-		},
-	}
-</script>
-
-<style lang="scss">
-	.list {
-		
-		&__item {
-			@include flex;
-			padding: 6px 12px;
-			align-items: center;
-			
-			&__avatar {
-				height: 35px;
-				width: 35px;
-				border-radius: 3px;
-			}
-			
-			&__user-name {
-				font-size: 16px;
-				margin-left: 10px;
-				color: $u-main-color;
-			}
-		}
-		
-		&__footer {
-			color: $u-tips-color;
-			font-size: 14px;
-			text-align: center;
-			margin: 15px 0;
-		}
-	}
-</style>

src/pages/componentsC/input/input.nvue

@@ -1,221 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础使用</text>
-			<view class="u-demo-block__content">
-				<up-input
-					placeholder="请输入内容"
-					border="surround"
-					v-model="value"
-					@change="change"
-					confirmType="search"
-					@confirm="handleSearch"
-				></up-input>
-				<up-button @click="value = Math.random().toString()"
-					style="margin-top: 10px;">变化</up-button>
-				{{value}}
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">可清空内容</text>
-			<view class="u-demo-block__content">
-				<up-input
-					placeholder="请输入内容"
-					border="surround"
-					clearable
-				></up-input>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">数字键盘</text>
-			<view class="u-demo-block__content">
-				<up-input
-					placeholder="请输入内容"
-					border="surround"
-					type="number"
-					v-model="inputNumber"
-					clearable
-				></up-input>
-				{{ inputNumber }}
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">密码类型</text>
-			<view class="u-demo-block__content">
-				<up-input
-					placeholder="请输入内容"
-					border="surround"
-					password
-					clearable
-					v-model="inputPassword"
-				></up-input>
-				{{inputPassword}}
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">显示下划线</text>
-			<view class="u-demo-block__content">
-				<up-input
-					placeholder="请输入内容"
-					border="bottom"
-					clearable
-				></up-input>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">禁用状态</text>
-			<view class="u-demo-block__content">
-				<up-input
-					placeholder="禁用状态"
-					border="surround"
-					disabled
-				></up-input>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">圆形</text>
-			<view class="u-demo-block__content">
-				<up-input
-					placeholder="请输入内容"
-					border="surround"
-					shape="circle"
-				></up-input>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">前后图标</text>
-			<view class="u-demo-block__content">
-				<up-input
-					placeholder="前置图标"
-					prefixIcon="search"
-					prefixIconStyle="font-size: 22px;color: #909399"
-				></up-input>
-			</view>
-			<view
-				class="u-demo-block__content"
-				style="margin-top: 15px;"
-			>
-				<up-input
-					placeholder="后置图标"
-					suffixIcon="map-fill"
-					suffixIconStyle="color: #909399"
-				></up-input>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">前后插槽</text>
-			<view class="u-demo-block__content">
-				<!-- 注意：由于兼容性差异，如果需要使用前后插槽，nvue下需使用u--input，非nvue下需使用u-input -->
-				<!-- #ifndef APP-NVUE -->
-				<up-input placeholder="前置插槽">
-					<!-- #endif -->
-					<!-- #ifdef APP-NVUE -->
-					<up-input placeholder="前置插槽">
-						<!-- #endif -->
-						<template #prefix>
-							<up-text
-								text="http://"
-								margin="0 3px 0 0"
-								type="tips"
-							></up-text>
-						</template>
-						<!-- #ifndef APP-NVUE -->
-				</up-input>
-				<!-- #endif -->
-				<!-- #ifdef APP-NVUE -->
-				</up-input>
-				<!-- #endif -->
-			</view>
-			<view
-				class="u-demo-block__content"
-				style="margin-top: 15px;"
-			>
-				<!-- 注意：由于兼容性差异，如果需要使用前后插槽，nvue下需使用u--input，非nvue下需使用u-input -->
-				<!-- #ifndef APP-NVUE -->
-				<up-input placeholder="后置插槽">
-					<!-- #endif -->
-					<!-- #ifdef APP-NVUE -->
-					<up-input placeholder="后置插槽">
-						<!-- #endif -->
-						<template #suffix>
-							<up-code
-								ref="uCode"
-								@change="codeChange"
-								seconds="20"
-								changeText="X秒重新获取哈哈哈"
-							></up-code>
-							<up-button
-								@tap="getCode"
-								:text="tips"
-								type="success"
-								size="mini"
-							></up-button>
-						</template>
-						<!-- #ifndef APP-NVUE -->
-				</up-input>
-				<!-- #endif -->
-				<!-- #ifdef APP-NVUE -->
-				</up-input>
-				<!-- #endif -->
-			</view>
-		</view>
-		<up-gap
-			bgColor="#fff"
-			height="50"
-		></up-gap>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				tips: '',
-				value: '',
-				inputNumber: '',
-				inputPassword: '123456'
-			}
-		},
-		watch: {
-			value(newValue, oldValue) {
-				// console.log('v-model', newValue);
-			},
-			inputNumber(newValue) {
-				// console.log('v-model', newValue);
-			}
-		},
-		methods: {
-			codeChange(text) {
-				this.tips = text;
-			},
-			getCode() {
-				if (this.$refs.uCode.canGetCode) {
-					// 模拟向后端请求验证码
-					uni.showLoading({
-						title: '正在获取验证码'
-					})
-					setTimeout(() => {
-						uni.hideLoading();
-						// 这里此提示会被this.start()方法中的提示覆盖
-						uni.$u.toast('验证码已发送');
-						// 通知验证码组件内部开始倒计时
-						this.$refs.uCode.start();
-					}, 2000);
-				} else {
-					uni.$u.toast('倒计时结束后再发送');
-				}
-			},
-			change(e) {
-				console.log('change', e);
-			},
-			handleSearch(e) {
-				uni.$u.toast('@confirm触发');
-				console.log('change', e);
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-
-</style>

src/pages/componentsC/layout/layout.nvue

@@ -1,157 +0,0 @@
-<template>
-    <view class="u-page">
-        <view class="u-demo-block">
-            <text class="u-demo-block__title">基础使用</text>
-            <view class="u-demo-block__content">
-                <up-row customStyle="margin-bottom: 10px">
-                    <up-col span="6">
-                        <view class="demo-layout bg-purple-light"></view>
-                    </up-col>
-                    <up-col span="6">
-                        <view class="demo-layout bg-purple"></view>
-                    </up-col>
-                </up-row>
-                <up-row customStyle="margin-bottom: 10px">
-                    <up-col span="4">
-                        <view class="demo-layout bg-purple"></view>
-                    </up-col>
-                    <up-col span="4">
-                        <view class="demo-layout bg-purple-light"></view>
-                    </up-col>
-                    <up-col span="4">
-                        <view class="demo-layout bg-purple-dark"></view>
-                    </up-col>
-                </up-row>
-                <up-row justify="space-between">
-                    <up-col span="3">
-                        <view class="demo-layout bg-purple"></view>
-                    </up-col>
-                    <up-col span="3">
-                        <view class="demo-layout bg-purple-light"></view>
-                    </up-col>
-                    <up-col span="3">
-                        <view class="demo-layout bg-purple"></view>
-                    </up-col>
-                    <up-col span="3">
-                        <view class="demo-layout bg-purple-light"></view>
-                    </up-col>
-                </up-row>
-            </view>
-        </view>
-        <view class="u-demo-block">
-            <text class="u-demo-block__title">分栏间隔</text>
-            <view class="u-demo-block__content">
-                <up-row justify="space-between" gutter="10">
-                    <up-col span="3">
-                        <view class="demo-layout bg-purple"></view>
-                    </up-col>
-                    <up-col span="3">
-                        <view class="demo-layout bg-purple-light"></view>
-                    </up-col>
-                    <up-col span="3">
-                        <view class="demo-layout bg-purple"></view>
-                    </up-col>
-                    <up-col span="3">
-                        <view class="demo-layout bg-purple-light"></view>
-                    </up-col>
-                </up-row>
-            </view>
-        </view>
-        <view class="u-demo-block">
-            <text class="u-demo-block__title">混合布局</text>
-            <view class="u-demo-block__content">
-                <up-row justify="space-between" gutter="10">
-                    <up-col span="2">
-                        <view class="demo-layout bg-purple-light"></view>
-                    </up-col>
-                    <up-col span="4">
-                        <view class="demo-layout bg-purple"></view>
-                    </up-col>
-                    <up-col span="6">
-                        <view class="demo-layout bg-purple-dark"></view>
-                    </up-col>
-                </up-row>
-            </view>
-        </view>
-        <view class="u-demo-block">
-            <text class="u-demo-block__title">分栏偏移</text>
-            <view class="u-demo-block__content">
-                <up-row
-                    justify="space-between"
-                    customStyle="margin-bottom: 10px"
-                >
-                    <up-col span="3" offset="3">
-                        <view class="demo-layout bg-purple-light"></view>
-                    </up-col>
-                    <up-col span="3" offset="3">
-                        <view class="demo-layout bg-purple"></view>
-                    </up-col>
-                </up-row>
-                <up-row>
-                    <up-col span="3">
-                        <view class="demo-layout bg-purple-light"></view>
-                    </up-col>
-                    <up-col span="3" offset="3">
-                        <view class="demo-layout bg-purple"></view>
-                    </up-col>
-                </up-row>
-            </view>
-        </view>
-        <view class="u-demo-block">
-            <text class="u-demo-block__title">对齐方式</text>
-            <view class="u-demo-block__content">
-                <up-row
-                    justify="space-between"
-                    customStyle="margin-bottom: 10px"
-                >
-                    <up-col span="3">
-                        <view class="demo-layout bg-purple-light"></view>
-                    </up-col>
-                    <up-col span="3">
-                        <view class="demo-layout bg-purple"></view>
-                    </up-col>
-                </up-row>
-                <up-row>
-                    <up-col span="3">
-                        <view class="demo-layout bg-purple-light"></view>
-                    </up-col>
-                    <up-col span="3">
-                        <view class="demo-layout bg-purple"></view>
-                    </up-col>
-                </up-row>
-            </view>
-        </view>
-    </view>
-</template>
-
-<script>
-export default {
-    data() {
-        return {};
-    },
-};
-</script>
-
-<style lang="scss" scoped>
-.wrap {
-    padding: 12px;
-}
-
-.demo-layout {
-	width: 100%;
-    height: 25px;
-    border-radius: 4px;
-}
-
-.bg-purple {
-    background: #ced7e1;
-}
-
-.bg-purple-light {
-    background: #e5e9f2;
-}
-
-.bg-purple-dark {
-    background: #99a9bf;
-}
-</style>

src/pages/componentsC/list/list.nvue

@@ -1,68 +0,0 @@
-<template>
-	<view class="u-page">
-		<up-list
-			@scrolltolower="scrolltolower"
-		>
-			<up-list-item
-				v-for="(item, index) in indexList"
-				:key="index"
-			>
-				<up-cell
-					:title="`列表长度-${index + 1}`"
-				>
-					<template #icon>
-						<up-avatar
-							shape="square"
-							size="35"
-							:src="item.url"
-							customStyle="margin: -3px 5px -3px 0"
-						></up-avatar>
-					</template>
-				</up-cell>
-			</up-list-item>
-		</up-list>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				indexList: [],
-				urls: [
-					'https://uview-plus.jiangruyi.com/album/1.jpg',
-					'https://uview-plus.jiangruyi.com/album/2.jpg',
-					'https://uview-plus.jiangruyi.com/album/3.jpg',
-					'https://uview-plus.jiangruyi.com/album/4.jpg',
-					'https://uview-plus.jiangruyi.com/album/5.jpg',
-					'https://uview-plus.jiangruyi.com/album/6.jpg',
-					'https://uview-plus.jiangruyi.com/album/7.jpg',
-					'https://uview-plus.jiangruyi.com/album/8.jpg',
-					'https://uview-plus.jiangruyi.com/album/9.jpg',
-					'https://uview-plus.jiangruyi.com/album/10.jpg',
-				]
-			}
-		},
-		onLoad() {
-			this.loadmore()
-		},
-		methods: {
-			scrolltolower() {
-				this.loadmore()
-			},
-			loadmore() {
-				for (let i = 0; i < 30; i++) {
-					this.indexList.push({
-						url: this.urls[uni.$u.random(0, this.urls.length - 1)]
-					})
-				}
-			}
-		},
-	}
-</script>
-
-<style lang="scss">
-	.u-page {
-		padding: 0;
-	}
-</style>

src/pages/componentsC/loadmore/loadmore.nvue

@@ -1,95 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础使用</text>
-			<view class="u-demo-block__content">
-				<up-loadmore
-					status="loading"
-					:isDot="true"
-					:iconSize="17"
-				></up-loadmore>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">无更多数据</text>
-			<view class="u-demo-block__content">
-				<up-loadmore
-					:line="true"
-					status="nomore"
-				></up-loadmore>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">加载更多(点击触发事件)</text>
-			<view class="u-demo-block__content">
-				<up-loadmore
-					:line="true"
-					status="loadmore"
-					@loadmore="loadmore"
-				></up-loadmore>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义图标</text>
-			<view class="u-demo-block__content">
-				<up-loadmore
-					status="loading"
-					loadingIcon="circle"
-				></up-loadmore>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">显示点</text>
-			<view class="u-demo-block__content">
-				<up-loadmore
-					status="nomore"
-					:isDot="true"
-					:line="true"
-					color="#909399"
-				></up-loadmore>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义提示语</text>
-			<view class="u-demo-block__content">
-				<up-loadmore
-					status="loading"
-					loadingText="努力加载中,先喝杯茶"
-					color="#909399"
-				></up-loadmore>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义线条颜色</text>
-			<view class="u-demo-block__content">
-				<up-loadmore
-					loadmoreText="看,我和别人不一样"
-					color="#1CD29B"
-					lineColor="#1CD29B"
-					dashed
-					:line="true"
-				></up-loadmore>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-
-			}
-		},
-		methods: {
-			loadmore() {
-				console.log('loadmore');
-				uni.$u.toast('加载更多')
-			}
-		},
-	}
-</script>
-
-<style lang="scss">
-
-</style>

src/pages/componentsC/modal/modal.nvue

@@ -1,198 +0,0 @@
-<template>
-	<view class="u-page">
-		<up-navbar
-			title="模态框"
-			@leftClick="navigateBack"
-			safeAreaInsetTop
-			fixed
-			placeholder
-		></up-navbar>
-		<up-gap
-			height="20"
-			bgColor="#fff"
-		></up-gap>
-		<up-cell-group>
-			<up-cell
-				@click="showModal(index)"
-				:title="item.title"
-				v-for="(item, index) in list"
-				:key="index"
-				isLink
-			>
-				<template #icon>
-					<image
-						class="u-cell-icon"
-						:src="item.iconUrl"
-						mode="widthFix"
-					></image>
-				</template>
-			</up-cell>
-		</up-cell-group>
-		<up-modal
-			:content="content"
-			title="标题"
-			:show="show1"
-			contentTextAlign="left"
-			@confirm="() => show1 = false"
-		></up-modal>
-		<up-modal
-			:content="content"
-			:show="show2"
-			@confirm="() => show2 = false"
-		></up-modal>
-		<up-modal
-			:content="content"
-			:show="show3"
-			showCancelButton
-			closeOnClickOverlay
-			@confirm="confirm"
-			@cancel="cancel"
-			@close="close"
-		></up-modal>
-		<up-modal
-			:content="content"
-			:show="show4"
-			showCancelButton
-			asyncClose
-			@confirm="confirm4"
-			@cancel="() => show4 = false"
-		></up-modal>
-		<up-modal
-			:content="content"
-			:show="show5"
-			showCancelButton
-			buttonReverse
-			@confirm="() => show5 = false"
-			@cancel="() => show5 = false"
-		></up-modal>
-		<up-modal
-			:content="content"
-			title="标题"
-			:show="show6"
-			closeOnClickOverlay
-			@confirm="() => show6 = false"
-			@close="() => show6 = false"
-		></up-modal>
-		<up-modal
-			title="利剑出鞘,一统江湖"
-			:show="show7"
-			closeOnClickOverlay
-			@confirm="() => show7 = false"
-		>
-			<image
-				style="width: 80px;height: 80px;"
-				src="/static/uview/common/logo.png"
-			></image>
-		</up-modal>
-		<up-modal
-			title="标题"
-			:show="show8"
-			:content="content"
-			closeOnClickOverlay
-			showCancelButton
-		>
-			<template #confirmButton>
-				<up-button
-					text="确定"
-					type="success"
-					shape="circle"
-					@click="show8 = false"
-				></up-button>
-			</template>
-		</up-modal>
-		<up-modal
-			:content="content"
-			title="标题"
-			:show="show9"
-			:zoom="false"
-			@confirm="() => show9 = false"
-		></up-modal>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				content: '模态框，常用于消息提示、消息确认、在当前页面内完成特定的交互操作',
-				show1: false,
-				show2: false,
-				show3: false,
-				show4: false,
-				show5: false,
-				show6: false,
-				show7: false,
-				show8: false,
-				show9: false,
-				list: [{
-						title: '基础使用',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/modal/4.png'
-					},
-					{
-						title: '无标题',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/modal/5.png'
-					},
-					{
-						title: '带取消按钮',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/modal/2.png'
-					},
-					{
-						title: '异步关闭',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/modal/6.png'
-					},
-					{
-						title: '对调取消和确认按钮',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/modal/3.png'
-					},
-					{
-						title: '允许点击遮罩关闭',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/modal/7.png'
-					},
-					{
-						title: '传入slot',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/modal/1.png'
-					},
-					{
-						title: '自定义按钮',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/modal/8.png'
-					},
-					{
-						title: '淡入淡出动画',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/modal/9.png'
-					}
-				]
-			}
-		},
-		methods: {
-			showModal(index) {
-				this[`show${index + 1}`] = true
-			},
-			navigateBack() {
-				uni.navigateBack()
-			},
-			confirm4() {
-				setTimeout(() => {
-					this.show4 = false
-				}, 2000)
-			},
-			confirm() {
-				this.show3 = false
-				console.log('confirm');
-			},
-			cancel() {
-				this.show3 = false
-				console.log('cancel');
-			},
-			close() {
-				this.show3 = false
-				console.log('close');
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.u-page {
-		padding: 0;
-	}
-</style>

src/pages/componentsC/navbar/navbar.nvue

@@ -1,129 +0,0 @@
-<template>
-	<view class="u-page">
-		<!-- 2.0.19支持autoBack，默认为false -->
-		<up-navbar
-			title="导航栏"
-			safeAreaInsetTop
-			fixed
-			placeholder
-			:autoBack="true"
-		>
-		</up-navbar>
-		<view class="u-page__item">
-			<text class="u-page__item__title">基础功能</text>
-			<up-navbar
-				title="个人中心"
-				:safeAreaInsetTop="false"
-				:fixed="false"
-				@rightClick="rightClick"
-				@leftClick="leftClick"
-			>
-			</up-navbar>
-		</view>
-		<view class="u-page__item">
-			<text class="u-page__item__title">自定义文本</text>
-			<up-navbar
-				:safeAreaInsetTop="false"
-				title="个人中心"
-				:fixed="false"
-				left-text="返回"
-				rightIcon="map"
-			>
-			</up-navbar>
-		</view>
-		<view class="u-page__item">
-			<text class="u-page__item__title">自定义插槽</text>
-			<up-navbar
-				leftText="返回"
-				:fixed="false"
-				title="个人中心"
-				:safeAreaInsetTop="false"
-			>
-				<template #left>
-					<view
-						class="u-nav-slot"
-					>
-						<up-icon
-							name="arrow-left"
-							size="19"
-						></up-icon>
-						<up-line
-							direction="column"
-							:hairline="false"
-							length="16"
-							margin="0 8px"
-						></up-line>
-						<up-icon
-							name="home"
-							size="20"
-						></up-icon>
-					</view>
-				</template>
-			</up-navbar>
-		</view>
-		<up-gap height="50"></up-gap>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-
-			}
-		},
-		methods: {
-			navigateBack() {
-				uni.navigateBack({
-					delta: 1
-				})
-			},
-			rightClick() {
-				console.log('rightClick');
-			},
-			leftClick() {
-				console.log('leftClick');
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	/* #ifndef APP-NVUE */
-	page {
-		background-color: $u-bg-color;
-	}
-	/* #endif */
-	
-	.u-page {
-		padding: 0;
-		flex: 1;
-		background-color: $u-bg-color;
-
-		&__item {
-
-			&__title {
-				color: $u-tips-color;
-				background-color: $u-bg-color;
-				padding: 15px;
-				font-size: 15px;
-
-				&__slot-title {
-					color: $u-primary;
-					font-size: 14px;
-				}
-			}
-		}
-	}
-
-	.u-nav-slot {
-		@include flex;
-		align-items: center;
-		justify-content: space-between;
-		border-width: 0.5px;
-		border-radius: 100px;
-		border-color: $u-border-color;
-		padding: 3px 7px;
-		opacity: 0.8;
-	}
-</style>

src/pages/componentsC/noNetwork/noNetwork.nvue

@@ -1,68 +0,0 @@
-<template>
-	<view class="u-page">
-		<up-no-network
-			@disconnected="disconnected"
-			@connected="connected"
-			@retry="retry"
-		></up-no-network>
-		<view class="u-content">
-			<view class="u-content__circle">
-				<up-icon
-					name="checkbox-mark"
-					color="#fff"
-					size="30"
-				></up-icon>
-			</view>
-			<text class="u-content__normal">网络正常</text>
-			<text class="u-content__tips">请您断开设备的WiFi和数据连接(或开启飞行模式)，即可看到效果</text>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		methods: {
-			disconnected() {
-				console.log('disconnected');
-			},
-			connected() {
-				console.log('connected');
-			},
-			retry() {
-				console.log('retry');
-			}
-		},
-	}
-</script>
-
-<style lang="scss">
-	.u-content {
-		padding: 150px 60px 0;
-		@include flex(column);
-		align-items: center;
-		justify-content: center;
-
-		&__circle {
-			background-color: $u-success;
-			@include flex;
-			border-radius: 100px;
-			width: 60px;
-			height: 60px;
-			align-items: center;
-			justify-content: center;
-		}
-
-		&__normal {
-			font-size: 15px;
-			color: $u-success;
-			margin-top: 15px;
-		}
-
-		&__tips {
-			color: $u-tips-color;
-			font-size: 13px;
-			margin-top: 15px;
-			text-align: center;
-		}
-	}
-</style>

src/pages/componentsC/picker/picker.nvue

@@ -1,221 +0,0 @@
-<template>
-	<view class="u-page" ref="page">
-		<up-navbar
-			title="选择器"
-			@leftClick="navigateBack"
-			safeAreaInsetTop
-			fixed
-			placeholder
-		></up-navbar>
-		<up-cell-group>
-			<up-cell
-				@click="showPicker(index)"
-				:title="item.title"
-				v-for="(item, index) in list"
-				:key="index"
-				isLink
-			>
-				<template #icon>
-					<image
-						class="u-cell-icon"
-						:src="item.iconUrl"
-						mode="widthFix"
-					></image>
-				</template>
-			</up-cell>
-		</up-cell-group>
-		<up-picker
-			:show="show1"
-			:columns="columns1"
-			@change="change"
-			@cancel="cancel"
-			@confirm="confirm"
-			toolbarRightSlot
-		>
-		<template #toolbar-right>
-			<view style="padding-right: 10px;">右侧</view>
-		</template>
-		<template #toolbar-bottom>
-		</template>
-		</up-picker>
-		<up-picker
-			:show="show2"
-			:columns="columns2"
-			:defaultIndex="[1]"
-			@cancel="cancel"
-			@confirm="confirm"
-			@change="change"
-		></up-picker>
-		<up-picker
-			:show="show3"
-			:columns="columns3"
-			ref="uPicker3"
-			@cancel="cancel"
-			@confirm="confirm"
-			@change="changeHandler1"
-		></up-picker>
-		<up-picker
-			:show="show4"
-			:columns="columns4"
-			@cancel="cancel"
-			@confirm="confirm"
-			:loading="loading"
-			@change="changeHandler2"
-			ref="uPicker4"
-		></up-picker>
-		<up-picker
-			:show="show5"
-			:columns="columns5"
-			title="标题太长就会显示省略号"
-			@cancel="cancel"
-			@confirm="confirm"
-			@change="change"
-		></up-picker>
-		<up-picker
-			v-model:show="show6"
-			:columns="columns6"
-			closeOnClickOverlay
-			@change="change"
-		></up-picker>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				index: 0,
-				loading: false,
-				columnData: [
-					['深圳', '厦门', '上海', '拉萨'],
-					['得州', '华盛顿', '纽约', '阿拉斯加']
-				],
-				columns1: [
-					['中国', '美国', '日本']
-				],
-				columns2: [
-					['中国', '美国', '日本']
-				],
-				columns3: [
-					['中国', '美国'],
-					['深圳', '厦门', '上海', '拉萨']
-				],
-				columns4: [
-					['中国', '美国'],
-					['深圳', '厦门', '上海', '拉萨']
-				],
-				columns5: [
-					['中国', '美国', '日本']
-				],
-				columns6: [
-					['中国', '美国', '日本']
-				],
-				columns7: [
-					[{
-						label: '苹果',
-						value: 1
-					}, {
-						label: '橘子',
-						value: 2
-					},
-					{
-						label: '香蕉',
-						value: 3
-					}]
-				],
-				show1: false,
-				show2: false,
-				show3: false,
-				show4: false,
-				show5: false,
-				show6: false,
-				list: [{
-						title: '基础使用',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/picker/2.png'
-					},
-					{
-						title: '设置默认项',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/picker/5.png'
-					},
-					{
-						title: '多列联动',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/picker/1.png'
-					},
-					{
-						title: '加载中状态(切换第一列)',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/picker/3.png'
-					},
-					{
-						title: '设置标题',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/picker/4.png'
-					}, {
-						title: '允许点击遮罩关闭',
-						iconUrl: 'https://cdn.uviewui.com/uview/demo/picker/6.png'
-					},
-				]
-			}
-		},
-		methods: {
-			changeHandler1(e) {
-				this.change(e)
-				const {
-					columnIndex,
-					value,
-					values,
-					index,
-					// 微信小程序无法将picker实例传出来，只能通过ref操作
-					picker = this.$refs.uPicker3
-				} = e
-				if (columnIndex === 0) {
-					picker.setColumnValues(1, this.columnData[index])
-				}
-			},
-			changeHandler2(e) {
-				this.change(e)
-				const {
-					columnIndex,
-					value,
-					values,
-					index,
-					// 微信小程序无法将picker实例传出来，只能通过ref操作
-					picker = this.$refs.uPicker4
-				} = e
-				if (columnIndex === 0) {
-					this.loading = true
-					uni.$u.sleep(1500).then(() => {
-						picker.setColumnValues(1, this.columnData[index])
-						this.loading = false
-					})
-				}
-			},
-			navigateBack() {
-				uni.navigateBack()
-			},
-			change(e) {
-				console.log('change', e);
-			},
-			showPicker(index) {
-				this.index = index + 1
-				this[`show${index + 1}`] = true
-			},
-			close() {
-				// console.log('close');
-				this[`show${this.index}`] = false
-			},
-			confirm(e) {
-				// console.log('confirm', e);
-				this[`show${this.index}`] = false
-			},
-			cancel() {
-				// console.log('cancel');
-				this[`show${this.index}`] = false
-			}
-		},
-	}
-</script>
-
-<style lang="scss">
-	.u-page {
-		padding: 0;
-	}
-</style>

src/pages/componentsC/readMore/readMore.nvue

@@ -1,49 +0,0 @@
-<template>
-	<view class="u-page">
-		<up-read-more
-		    ref="uReadMore"
-		    :showHeight="showHeight"
-			toggle
-			@open="open"
-			@close="close"
-		>
-			<up-parse
-			    :content="content"
-			    @load="load"
-				:tag-style="tagStyle"
-			></up-parse>
-		</up-read-more>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				content: `<p>浔阳江头夜送客，枫叶荻花秋瑟瑟。主人下马客在船，举酒欲饮无管弦。醉不成欢惨将别，别时茫茫江浸月。
-					忽闻水上琵琶声，主人忘归客不发。寻声暗问弹者谁，琵琶声停欲语迟。移船相近邀相见，添酒回灯重开宴。千呼万唤始出来，犹抱琵琶半遮面。转轴拨弦三两声，未成曲调先有情。弦弦掩抑声声思，似诉平生不得志。低眉信手续续弹，说尽心中无限事。轻拢慢捻抹复挑，初为《霓裳》后《六幺》。大弦嘈嘈如急雨，小弦切切如私语。嘈嘈切切错杂弹，大珠小珠落玉盘。间关莺语花底滑，幽咽泉流冰下难。冰泉冷涩弦凝绝，凝绝不通声暂歇。别有幽愁暗恨生，此时无声胜有声。银瓶乍破水浆迸，铁骑突出刀枪鸣。曲终收拨当心画，四弦一声如裂帛。东船西舫悄无言，唯见江心秋月白。
-					沉吟放拨插弦中，整顿衣裳起敛容。自言本是京城女，家在虾蟆陵下住。十三学得琵琶成，名属教坊第一部。曲罢曾教善才服，妆成每被秋娘妒。五陵年少争缠头，一曲红绡不知数。钿头银篦击节碎，血色罗裙翻酒污。今年欢笑复明年，秋月春风等闲度。弟走从军阿姨死，暮去朝来颜色故。门前冷落鞍马稀，老大嫁作商人妇。商人重利轻别离，前月浮梁买茶去。去来江口守空船，绕船月明江水寒。夜深忽梦少年事，梦啼妆泪红阑干。
-					我闻琵琶已叹息，又闻此语重唧唧。同是天涯沦落人，相逢何必曾相识！我从去年辞帝京，谪居卧病浔阳城。浔阳地僻无音乐，终岁不闻丝竹声。住近湓江地低湿，黄芦苦竹绕宅生。其间旦暮闻何物？杜鹃啼血猿哀鸣。春江花朝秋月夜，往往取酒还独倾。岂无山歌与村笛？呕哑嘲哳难为听。今夜闻君琵琶语，如听仙乐耳暂明。莫辞更坐弹一曲，为君翻作《琵琶行》。感我此言良久立，却坐促弦弦转急。凄凄不似向前声，满座重闻皆掩泣。座中泣下谁最多？江州司马青衫湿。</p>`,
-				showHeight: 200,
-				tagStyle: {
-					p: 'color: #606266; line-height: 24px;'
-				}
-			}
-		},
-		methods: {
-			load() {
-				this.$refs.uReadMore.init()
-			},
-			open(name) {
-				console.log('open', name);
-			},
-			close(name) {
-				console.log('close', name);
-			}
-		},
-	}
-</script>
-
-<style lang="scss">
-
-</style>

src/pages/componentsC/scrollList/scrollList.nvue

@@ -1,249 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-demo-block">
-			<text class="u-demo-block__title" style="margin-bottom: 15px;">基础使用</text>
-			<up-scroll-list
-				indicatorColor="#fff0f0"
-				indicatorActiveColor="#f56c6c"
-				@right="right"
-				@left="left"
-			>
-				<view
-					class="scroll-list"
-					style="flex-direction: row;"
-				>
-					<view
-						class="scroll-list__goods-item"
-						v-for="(item, index) in goodsArr"
-						:key="index"
-						:class="[(index === 9) && 'scroll-list__goods-item--no-margin-right']"
-					>
-						<image
-							class="scroll-list__goods-item__image"
-							:src="goodsBaseUrl + item.thumbnail"
-							mode=""
-						></image>
-						<text class="scroll-list__goods-item__text">￥{{ item.price }}</text>
-					</view>
-					<view
-						class="scroll-list__show-more"
-						@tap="showMore"
-					>
-						<text class="scroll-list__show-more__text">查看更多</text>
-						<up-icon
-							name="arrow-leftward"
-							color="#f56c6c"
-							size="12"
-						></up-icon>
-					</view>
-				</view>
-			</up-scroll-list>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">多菜单扩展</text>
-			<up-scroll-list>
-				<view class="scroll-list">
-					<view
-						class="scroll-list__line"
-						v-for="(item, index) in menuArr"
-						:key="index"
-					>
-						<view
-							class="scroll-list__line__item"
-							v-for="(item1, index1) in item"
-							:key="index1"
-							:class="[(index1 === item.length - 1) && 'scroll-list__line__item--no-margin-right']"
-						>
-							<image
-								class="scroll-list__line__item__image"
-								:src="menuBaseUrl + item1.icon"
-								mode=""
-							></image>
-							<text class="scroll-list__line__item__text">{{ item1.name }}</text>
-						</view>
-					</view>
-				</view>
-			</up-scroll-list>
-		</view>
-	</view>
-</template>
-
-<script>
-export default {
-	data() {
-		return {
-			goodsBaseUrl: 'https://cdn.uviewui.com/uview/goods/',
-			menuBaseUrl: 'https://cdn.uviewui.com/uview/menu/',
-			goodsArr: [{
-					price: '230.5',
-					thumbnail: '1.jpg'
-				},
-				{
-					price: '74.1',
-					thumbnail: '2.jpg'
-				},
-				{
-					price: '8457',
-					thumbnail: '6.jpg'
-				},
-				{
-					price: '1442',
-					thumbnail: '5.jpg'
-				},
-				{
-					price: '541',
-					thumbnail: '2.jpg'
-				},
-				{
-					price: '234',
-					thumbnail: '3.jpg'
-				},
-				{
-					price: '562',
-					thumbnail: '4.jpg'
-				},
-				{
-					price: '251.5',
-					thumbnail: '1.jpg'
-				}
-			],
-			menuArr: [
-				[{
-						name: '天猫新品',
-						icon: '11.png'
-					},
-					{
-						name: '今日爆款',
-						icon: '9.png'
-					}, {
-						name: '天猫国际',
-						icon: '17.png'
-					}, {
-						name: '饿了么',
-						icon: '6.png'
-					}, {
-						name: '天猫超市',
-						icon: '11.png'
-					}, {
-						name: '分类',
-						icon: '2.png'
-					}, {
-						name: '天猫美食',
-						icon: '3.png'
-					}, {
-						name: '阿里健康',
-						icon: '12.png'
-					}, {
-						name: '口碑生活',
-						icon: '7.png'
-					}
-				],
-				[{
-						name: '充值中心',
-						icon: '8.png'
-					},
-					{
-						name: '机票酒店',
-						icon: '10.png'
-					}, {
-						name: '金币庄园',
-						icon: '18.png'
-					}, {
-						name: '阿里拍卖',
-						icon: '15.png'
-					}, {
-						name: '淘宝吃货',
-						icon: '16.png'
-					}, {
-						name: '闲鱼',
-						icon: '4.png'
-					}, {
-						name: '会员中心',
-						icon: '6.png'
-					}, {
-						name: '造点新货',
-						icon: '13.png'
-					}, {
-						name: '土货鲜食',
-						icon: '14.png'
-					}
-				]
-			]
-		}
-	},
-	methods: {
-		showMore() {
-			uni.$u.toast('查看更多')
-		},
-		left() {
-			console.log('left');
-		},
-		right() {
-			console.log('right');
-		}
-	},
-}
-</script>
-
-<style lang="scss">
-.scroll-list {
-	@include flex(column);
-
-	&__goods-item {
-		margin-right: 20px;
-
-		&__image {
-			width: 60px;
-			height: 60px;
-			border-radius: 4px;
-		}
-
-		&__text {
-			color: #f56c6c;
-			text-align: center;
-			font-size: 12px;
-			margin-top: 5px;
-		}
-	}
-
-	&__show-more {
-		background-color: #fff0f0;
-		border-radius: 3px;
-		padding: 3px 6px;
-		@include flex(column);
-		align-items: center;
-
-		&__text {
-			font-size: 12px;
-			width: 12px;
-			color: #f56c6c;
-			line-height: 16px;
-		}
-	}
-
-	&__line {
-		@include flex;
-		margin-top: 10px;
-
-		&__item {
-			margin-right: 15px;
-
-			&__image {
-				width: 61px;
-				height: 48px;
-			}
-
-			&__text {
-				margin-top: 5px;
-				color: $u-content-color;
-				font-size: 12px;
-				text-align: center;
-			}
-
-			&--no-margin-right {
-				margin-right: 0;
-			}
-		}
-	}
-}
-</style>

src/pages/componentsC/skeleton/skeleton.nvue

@@ -1,157 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础使用</text>
-			<view class="u-demo-block__content">
-				<up-skeleton
-					rows="3"
-					title
-					loading
-				></up-skeleton>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义段落行数</text>
-			<view class="u-demo-block__content">
-				<up-skeleton
-					rows="2"
-					title
-					loading
-				></up-skeleton>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">设置段落宽度</text>
-			<view class="u-demo-block__content">
-				<up-skeleton
-					rows="2"
-					title
-					:rowsWidth="['100%', '35%']"
-					loading
-				></up-skeleton>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">设置段落高度</text>
-			<view class="u-demo-block__content">
-				<up-skeleton
-					rows="3"
-					title
-					:rowsWidth="['100%', '100%', '100%']"
-					:rowsHeight="['18px', '18px', '80px']"
-					loading
-				></up-skeleton>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">是否开启动画</text>
-			<up-switch
-				v-model="switch1"
-				space="2"
-				inactiveColor="#e6e6e6"
-			></up-switch>
-			<up-gap
-				height="15"
-				bgColor="#fff"
-			></up-gap>
-			<view class="u-demo-block__content">
-				<up-skeleton
-					:animate="switch1"
-					rows="3"
-					title
-					loading
-				></up-skeleton>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">展示头像</text>
-			<up-gap
-				height="15"
-				bgColor="#fff"
-			></up-gap>
-			<view class="u-demo-block__content">
-				<up-skeleton
-					:animate="switch1"
-					rows="3"
-					title
-					loading
-					avatar
-				></up-skeleton>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">切换状态</text>
-			<up-switch
-				v-model="switch2"
-				space="2"
-				inactiveColor="#e6e6e6"
-			></up-switch>
-			<up-gap
-				height="15"
-				bgColor="#fff"
-			></up-gap>
-			<view class="u-demo-block__content">
-				<up-skeleton
-					rows="2"
-					title
-					:loading="switch2"
-					avatar
-					rowsHeight="14"
-				>
-					<!-- 需要在外部多嵌套一层占位view，否则在nvue下会导致样式失效 -->
-					<view>
-						<view class="u-skeleton-slot">
-							<image
-								src="/static/uview/common/logo.png"
-								class="u-skeleton-slot__image"
-							></image>
-							<view class="u-skeleton-slot__content">
-								<up-text
-									text="利剑出鞘,一统江湖"
-									type="main"
-									size="16"
-								></up-text>
-								<up-text
-									type="tips"
-									size="14"
-									customStyle="margin-top: 5px"
-									text="众多组件覆盖开发过程的各个需求，组件功能丰富，多端兼容。让您快速集成，开箱即用"
-								></up-text>
-							</view>
-						</view>
-					</view>
-				</up-skeleton>
-			</view>
-			<up-gap height="50" bgColor="transparent"></up-gap>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				switch1: true,
-				switch2: false
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.u-skeleton-slot {
-		@include flex;
-		align-items: flex-start;
-
-		&__image {
-			width: 40px;
-			height: 40px;
-			border-radius: 100px;
-		}
-
-		&__content {
-			margin-left: 10px;
-			flex: 1;
-		}
-	}
-</style>

src/pages/componentsC/steps/steps.vue

@@ -1,219 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础演示</text>
-			<view class="u-demo-block__content">
-				<up-steps :current="current1">
-					<up-steps-item
-					    title="已下单"
-					    desc="10:30"
-						:itemStyle="{backgroundColor: '#eee'}"
-					>
-					</up-steps-item>
-					<up-steps-item
-					    title="已出库"
-					    desc="10:35"
-					>
-					</up-steps-item>
-					<up-steps-item
-					    title="运输中"
-					    desc="11:40"
-					>
-					</up-steps-item>
-				</up-steps>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">显示点类型</text>
-			<view class="u-demo-block__content">
-				<up-steps
-				    :current="1"
-				    dot
-				>
-					<up-steps-item
-					    title="已下单"
-					    desc="10:30"
-					>
-					</up-steps-item>
-					<up-steps-item
-					    title="已出库"
-					    desc="10:35"
-					>
-					</up-steps-item>
-					<up-steps-item
-					    title="运输中"
-					    desc="11:40"
-					>
-					</up-steps-item>
-				</up-steps>
-				<up-steps
-				    :current="1"
-				    dot
-					direction="column"
-				>
-					<up-steps-item
-					    title="已下单"
-					    desc="10:30"
-					>
-					</up-steps-item>
-					<up-steps-item
-					    title="已出库"
-					    desc="10:35"
-					>
-					</up-steps-item>
-					<up-steps-item
-					    title="运输中"
-					    desc="11:40"
-					>
-					</up-steps-item>
-				</up-steps>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">错误状态</text>
-			<view class="u-demo-block__content">
-				<up-steps :current="1">
-					<up-steps-item
-					    title="已下单"
-					    desc="10:30"
-					>
-					</up-steps-item>
-					<up-steps-item
-					    error
-					    title="仓库着火"
-					    desc="10:35"
-					>
-					</up-steps-item>
-					<up-steps-item
-					    title="破产清算"
-					    desc="11:40"
-					>
-					</up-steps-item>
-				</up-steps>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义图标</text>
-			<view class="u-demo-block__content">
-				<up-steps
-				    :current="1"
-				    activeIcon="checkmark"
-				    inactiveIcon="arrow-right"
-				>
-					<up-steps-item
-					    title="已下单"
-					    desc="10:30"
-					>
-					</up-steps-item>
-					<up-steps-item
-					    title="已出库"
-					    desc="10:35"
-					>
-					</up-steps-item>
-					<up-steps-item
-					    title="运输中"
-					    desc="11:40"
-					>
-					</up-steps-item>
-				</up-steps>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义插槽</text>
-			<view class="u-demo-block__content">
-				<up-steps :current="1">
-					<up-steps-item
-					    title="已下单"
-					    desc="10:30"
-					>
-					</up-steps-item>
-					<up-steps-item
-					    title="已出库"
-					    desc="10:35"
-					>
-					</up-steps-item>
-					<up-steps-item
-					    title="运输中"
-					    desc="11:40"
-					>
-						<template v-slot:icon>
-							<text class="slot-icon">运</text>
-						</template>
-					</up-steps-item>
-				</up-steps>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义颜色</text>
-			<view class="u-demo-block__content">
-				<up-steps :current="1" activeColor="#3c9cff">
-					<up-steps-item
-					    title="已下单"
-					    desc="10:30"
-					>
-					</up-steps-item>
-					<up-steps-item
-					    title="已出库"
-					    desc="10:35"
-					>
-					</up-steps-item>
-					<up-steps-item
-					    title="运输中"
-					    desc="11:40"
-					>
-					</up-steps-item>
-				</up-steps>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">竖向展示</text>
-			<view class="u-demo-block__content">
-				<up-steps
-				    :current="1"
-				    direction="column"
-				>
-					<up-steps-item
-					    title="已下单"
-					    desc="10:30"
-					>
-					</up-steps-item>
-					<up-steps-item
-					    title="已出库"
-					    desc="10:35"
-					>
-					</up-steps-item>
-					<up-steps-item
-					    title="运输中"
-					    desc="11:40"
-					>
-					</up-steps-item>
-				</up-steps>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				current1: 1
-			}
-		},
-		onLoad() {
-		}
-	}
-</script>
-
-<style lang="scss">
-	.slot-icon {
-		width: 21px;
-		height: 21px;
-		background-color: $u-warning;
-		border-radius: 100px;
-		font-size: 12px;
-		color: #fff;
-		line-height: 21px;
-		text-align: center;
-	}
-</style>

src/pages/componentsC/subsection/subsection.nvue

@@ -1,99 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础使用</text>
-			<view class="u-demo-block__content">
-				<up-subsection
-					:list="list"
-					mode="subsection"
-					:current="current1"
-					@change="change1"
-				></up-subsection>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">按钮模式</text>
-			<view class="u-demo-block__content">
-				<up-subsection
-					:list="list"
-					mode="button"
-					:current="current2"
-					@change="change2"
-				></up-subsection>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">更换主题</text>
-			<view class="u-demo-block__content">
-				<up-subsection
-					:list="list"
-					mode="subsection"
-					:current="current3"
-					activeColor="#f56c6c"
-					@change="change3"
-				></up-subsection>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">默认位置</text>
-			<view class="u-demo-block__content">
-				<up-subsection
-					:list="list"
-					mode="button"
-					:current="current4"
-					activeColor="#f9ae3d"
-					@change="change4"
-				></up-subsection>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				current1: 0,
-				current2: 0,
-				current3: 0,
-				current4: 1,
-				list: ['未付款', '待评价', '已付款'],
-				// 或者如下，也可以配置keyName参数修改对象键值
-				// list: [{name: '未付款'}, {name: '待评价'}, {name: '已付款'}],
-				current: 1
-			}
-		},
-		methods: {
-			change1(index) {
-				this.current1 = index
-			},
-			change2(index) {
-				this.current2 = index
-			},
-			change3(index) {
-				this.current3 = index
-			},
-			change4(index) {
-				this.current4 = index
-			}
-		},
-	}
-</script>
-
-<style lang="scss">
-	.album {
-		@include flex;
-		align-items: flex-start;
-
-		&__avatar {
-			background-color: $u-bg-color;
-			padding: 5px;
-			border-radius: 3px;
-		}
-
-		&__content {
-			margin-left: 10px;
-			flex: 1;
-		}
-	}
-</style>

src/pages/componentsC/swiper/swiper.nvue

@@ -1,230 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础功能</text>
-			<up-swiper
-				:list="list1"
-				@change="change"
-				@click="click"
-			></up-swiper>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">带标题</text>
-			<up-swiper
-				:list="list2"
-				keyName="image"
-				showTitle
-				:autoplay="false"
-				circular
-			></up-swiper>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">带指示器</text>
-			<up-swiper
-				:list="list3"
-				indicator
-				indicatorMode="line"
-				circular
-			></up-swiper>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">加载中</text>
-			<up-swiper
-				:list="list3"
-				loading
-			></up-swiper>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">嵌入视频</text>
-			<up-swiper
-				:list="list4"
-				keyName="url"
-				:autoplay="false"
-			></up-swiper>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义内容</text>
-			<up-swiper
-				:list="list2"
-				keyName="image"
-				showTitle
-				:autoplay="false"
-				circular
-			>
-				<template #default="scope">
-					<image :src="scope.item.image"></image>
-				</template>
-			</up-swiper>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义指示器</text>
-			<up-swiper
-				:list="list5"
-				@change="e => current = e.current"
-				:autoplay="false"
-			>
-				<template #indicator>
-					<view
-						class="indicator"
-					>
-						<view
-							class="indicator__dot"
-							v-for="(item, index) in list5"
-							:key="index"
-							:class="[index === current && 'indicator__dot--active']"
-						>
-						</view>
-					</view>
-				</template>
-			</up-swiper>
-			<up-gap
-				bgColor="transparent"
-				height="15"
-			></up-gap>
-			<up-swiper
-				:list="list6"
-				@change="e => currentNum = e.current"
-				:autoplay="false"
-				indicatorStyle="right: 20px"
-			>
-				<template #indicator>
-					<view
-						class="indicator-num"
-					>
-						<text class="indicator-num__text">{{ currentNum + 1 }}/{{ list6.length }}</text>
-					</view>
-				</template>
-			</up-swiper>
-		</view>
-		<!-- #ifndef APP-NVUE || MP-TOUTIAO -->
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">卡片式</text>
-			<up-swiper
-				:list="list3"
-				previousMargin="30"
-				nextMargin="30"
-				circular
-				:autoplay="false"
-				radius="5"
-				bgColor="#ffffff"
-			></up-swiper>
-		</view>
-		<!-- #endif -->
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				current: 0,
-				currentNum: 0,
-				list: [{
-						// image: 'https://uview-plus.jiangruyi.com/uview/resources/video.mp4',
-						image: 'https://uview-plus.jiangruyi.com/uview/swiper/swiper1.png',
-						title: '昨夜星辰昨夜风，画楼西畔桂堂东',
-						poster: 'https://uview-plus.jiangruyi.com/uview/swiper/swiper1.png'
-					},
-					{
-						image: 'https://uview-plus.jiangruyi.com/uview/swiper/swiper2.png',
-						title: '身无彩凤双飞翼，心有灵犀一点通'
-					},
-					{
-						image: 'https://uview-plus.jiangruyi.com/uview/swiper/swiper3.png',
-						title: '谁念西风独自凉，萧萧黄叶闭疏窗，沉思往事立残阳'
-					}
-				],
-				list1: [
-					'https://uview-plus.jiangruyi.com/uview/swiper/swiper1.png',
-					'https://uview-plus.jiangruyi.com/uview/swiper/swiper2.png',
-					'https://uview-plus.jiangruyi.com/uview/swiper/swiper3.png',
-				],
-				list2: [{
-						image: 'https://uview-plus.jiangruyi.com/uview/swiper/swiper2.png',
-						title: '昨夜星辰昨夜风，画楼西畔桂堂东',
-						type: 'image',
-					},
-					{
-						image: 'https://uview-plus.jiangruyi.com/uview/swiper/swiper1.png',
-						title: '身无彩凤双飞翼，心有灵犀一点通'
-					},
-					{
-						image: 'https://uview-plus.jiangruyi.com/uview/swiper/swiper3.png',
-						title: '谁念西风独自凉，萧萧黄叶闭疏窗，沉思往事立残阳'
-					}
-				],
-				list3: [
-					'https://uview-plus.jiangruyi.com/uview/swiper/swiper3.png',
-					'https://uview-plus.jiangruyi.com/uview/swiper/swiper2.png',
-					'https://uview-plus.jiangruyi.com/uview/swiper/swiper1.png',
-				],
-				list4: [{
-						url: 'https://uview-plus.jiangruyi.com/uview/resources/video.mp4',
-						title: '昨夜星辰昨夜风，画楼西畔桂堂东',
-						poster: 'https://uview-plus.jiangruyi.com/uview/swiper/swiper1.png',
-					},
-					{
-						url: 'https://uview-plus.jiangruyi.com/uview/swiper/swiper2.png',
-						title: '身无彩凤双飞翼，心有灵犀一点通'
-					},
-					{
-						url: 'https://uview-plus.jiangruyi.com/uview/swiper/swiper3.png',
-						title: '谁念西风独自凉，萧萧黄叶闭疏窗，沉思往事立残阳'
-					}
-				],
-				list5: [
-					'https://uview-plus.jiangruyi.com/uview/swiper/swiper3.png',
-					'https://uview-plus.jiangruyi.com/uview/swiper/swiper2.png',
-					'https://uview-plus.jiangruyi.com/uview/swiper/swiper1.png',
-				],
-				list6: [
-					'https://uview-plus.jiangruyi.com/uview/swiper/swiper2.png',
-					'https://uview-plus.jiangruyi.com/uview/swiper/swiper3.png',
-					'https://uview-plus.jiangruyi.com/uview/swiper/swiper1.png',
-				]
-			}
-		},
-		methods: {
-			change(e) {
-				// console.log('change', e);
-			},
-			click(e) {
-				console.log('click', e);
-			}
-		},
-	}
-</script>
-
-<style lang="scss">
-	.indicator {
-		@include flex(row);
-		justify-content: center;
-
-		&__dot {
-			height: 6px;
-			width: 6px;
-			border-radius: 100px;
-			background-color: rgba(255, 255, 255, 0.35);
-			margin: 0 5px;
-			transition: background-color 0.3s;
-
-			&--active {
-				background-color: #ffffff;
-			}
-		}
-	}
-
-	.indicator-num {
-		padding: 2px 0;
-		background-color: rgba(0, 0, 0, 0.35);
-		border-radius: 100px;
-		width: 35px;
-		@include flex;
-		justify-content: center;
-
-		&__text {
-			color: #FFFFFF;
-			font-size: 12px;
-		}
-	}
-</style>

src/pages/componentsC/table/table.nvue

@@ -1,26 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础使用</text>
-			<view class="u-demo-block__content">
-				<up-form>
-					<up-form-item lable="电话"></up-form-item>
-				</up-form>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-
-</style>

src/pages/componentsC/tabs/tabs.nvue

@@ -1,292 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础演示</text>
-			<view class="u-demo-block__content">
-				<up-tabs :list="list1" @click="click" :current="3">
-				</up-tabs>
-			</view>
-		</view>
-		<view
-			class="u-demo-block"
-			style="margin-bottom: 0;"
-		>
-			<text class="u-demo-block__title">粘性布局</text>
-		</view>
-		<up-sticky bgColor="#fff">
-			<up-tabs
-				:list="list1"
-			>
-			</up-tabs>
-		</up-sticky>
-		<up-gap
-			height="23"
-			bgColor="#fff"
-		></up-gap>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">显示徽标</text>
-			<view class="u-demo-block__content">
-				<up-tabs :list="list2">
-				</up-tabs>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">禁止滚动</text>
-			<view class="u-demo-block__content">
-				<up-tabs :list="list6" :scrollable="false">
-				</up-tabs>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">禁用菜单</text>
-			<view class="u-demo-block__content">
-				<up-tabs :list="list3">
-				</up-tabs>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义样式</text>
-			<view class="u-demo-block__content">
-				<up-tabs
-					:list="list4"
-					lineWidth="30"
-					lineColor="#f56c6c"
-					:activeStyle="{
-						color: '#303133',
-						fontWeight: 'bold',
-						transform: 'scale(1.05)'
-					}"
-					:inactiveStyle="{
-						color: '#606266',
-						transform: 'scale(1)'
-					}"
-					itemStyle="padding-left: 15px; padding-right: 15px; height: 34px;"
-				>
-				</up-tabs>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">滑块设置背景图</text>
-			<view class="u-demo-block__content">
-				<up-tabs
-					:list="list4"
-					lineWidth="20"
-					lineHeight="7"
-					:lineColor="`url(${lineBg}) 100% 100%`"
-					:activeStyle="{
-						color: '#303133',
-						fontWeight: 'bold',
-						transform: 'scale(1.05)'
-					}"
-					:inactiveStyle="{
-						color: '#606266',
-						transform: 'scale(1)'
-					}"
-					itemStyle="padding-left: 15px; padding-right: 15px; height: 34px;"
-				>
-				</up-tabs>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自定义内容插槽</text>
-			<view class="u-demo-block__content">
-				<up-tabs :list="list1">
-					<template #default="scope">
-						<text class="u-tabs__wrapper__nav__item__text"
-							style="color: red">
-							{{scope.item?.[scope.keyName] || '-'}}
-						</text>
-					</template>
-				</up-tabs>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">右侧自定义插槽</text>
-			<view class="u-demo-block__content">
-				<up-tabs :list="list1" v-model:current="list1Current">
-					<template #right>
-						<view
-							style="padding-left: 4px;"
-							@tap="$u.toast('插槽被点击')"
-						>
-							<up-icon
-								name="list"
-								size="21"
-								bold
-							></up-icon>
-						</view>
-					</template>
-				</up-tabs>
-				<up-button type="primary" size="small" style="width: 120px;"
-					@click="nextTab" :text="'切换下一个' + list1Current">
-				</up-button>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">在swiper中使用</text>
-			<view class="u-demo-block__content">
-				<swiper class="swiper" >
-				  <swiper-item item-id="A">
-					<up-tabs :list="list1">
-						<template #default="scope">
-							<text class="u-tabs__wrapper__nav__item__text"
-								style="color: red">
-								{{scope.item?.[scope.keyName] || '-'}}
-							</text>
-						</template>
-					</up-tabs>
-				  </swiper-item>
-				  <swiper-item item-id="A">
-				  <up-tabs
-				  	:list="list4"
-				  	lineWidth="30"
-				  	lineColor="#f56c6c"
-				  	:activeStyle="{
-				  		color: '#303133',
-				  		fontWeight: 'bold',
-				  		transform: 'scale(1.05)'
-				  	}"
-				  	:inactiveStyle="{
-				  		color: '#606266',
-				  		transform: 'scale(1)'
-				  	}"
-				  	itemStyle="padding-left: 15px; padding-right: 15px; height: 34px;"
-				  >
-				  </up-tabs>
-				  </swiper-item>
-				</swiper>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	const lineBg = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAOCAYAAABdC15GAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFxSURBVHgBzZNRTsJAEIb/WTW+lpiY+FZPIDew3ABP4GJ8hxsI9zBpOYHeQDwBPQI+mRiRvpLojtPdYhCorQqF/6GdbGd2vvwzBXZcNAt4oj1ANeUoAT5iqkUjbEFLHNmhD1YPEvpZ3ghkGlVDCkc94/BmHMq998I5ONiY1ZBfpKAyuOtgAc5yOEDmYEWNh32BHF91sGHZHmwW4azciN9aQwnz3SJEgOmte+R2tdLprTYoa50mvuomlLpD4Y3oQZnov6D2RzCqI93bWOHaEmAGqQUyRBlZR1WfarcD/EJ2z8DtzDGvsMCwpm8XOCfDUsVOCYhiqRxI/CTQo4UOvjzO7Pow18vfywneuUHHUUxLn55lLw5JFpZ8bEUcY8oXdOLWiHLTxvoGpLqoUmy6dBT15o/ox3znpoycAmxUsiJTbs1cmxeVKp+0zmFIS7bGWiVghC7Vwse8jFKAX9eljh4ggKLLv7uaQvG9/F59Oo2SouxPu7OTCxN/s8wAAAAASUVORK5CYII=";
-	export default {
-		mixins: [uni.$u.mixin],
-		data() {
-			return {
-				lineBg,
-				list1: [{
-					name: '关注',
-				}, {
-					name: '推荐',
-				}, {
-					name: '电影'
-				}, {
-					name: '科技'
-				}, {
-					name: '音乐'
-				}, {
-					name: '美食'
-				}, {
-					name: '文化'
-				}, {
-					name: '财经'
-				}, {
-					name: '手工'
-				}],
-				list2: [{
-					name: '关注'
-				}, {
-					name: '推荐',
-					badge: {
-						isDot: true
-					}
-				}, {
-					name: '电影',
-					badge: {
-						value: 5,
-					}
-				}, {
-					name: '科技'
-				}, {
-					name: '音乐'
-				}, {
-					name: '美食'
-				}, {
-					name: '文化'
-				}, {
-					name: '财经'
-				}, {
-					name: '手工'
-				}],
-				list3: [{
-					name: '关注'
-				}, {
-					name: '推荐',
-				}, {
-					name: '电影',
-					disabled: true
-				}, {
-					name: '科技'
-				}, {
-					name: '音乐'
-				}, {
-					name: '美食'
-				}, {
-					name: '文化'
-				}, {
-					name: '财经'
-				}, {
-					name: '手工'
-				}],
-				list4: [{
-					name: '关注'
-				}, {
-					name: '推荐',
-					badge: {
-						isDot: true
-					}
-				}, {
-					name: '电影',
-				}, {
-					name: '科技'
-				}, {
-					name: '音乐'
-				}, {
-					name: '美食'
-				}, {
-					name: '文化'
-				}, {
-					name: '财经'
-				}, {
-					name: '手工'
-				}],
-				list6: [
-					{
-						name: '关注'
-					}, {
-						name: '推荐',
-					}, {
-						name: '电影',
-					}, {
-						name: '科技'
-					}
-				],
-				list1Current: 1
-			}
-		},
-		onLoad() {
-
-		},
-		methods: {
-			click(item) {
-				console.log('item', item);
-			},
-			nextTab() {
-				if (this.list1.length <= (this.list1Current + 1)) {
-					this.list1Current = 0;
-				} else {
-					this.list1Current = this.list1Current + 1;
-				}
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.u-page {
-		padding-bottom: 500px;
-	}
-</style>

src/pages/componentsC/text/text.nvue

@@ -1,186 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础功能</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__text-item">
-					<up-text
-						text="我用十年青春,赴你最后之约"
-						@click="test">
-					</up-text>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">设置主题</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__text-item">
-					<up-text
-					    text="主色"
-					    type="primary"
-					></up-text>
-				</view>
-				<view class="u-page__text-item">
-					<up-text
-					    type="error"
-					    text="错误"
-					></up-text>
-				</view>
-				<view class="u-page__text-item">
-					<up-text
-					    type="success"
-					    text="成功"
-					></up-text>
-				</view>
-				<view class="u-page__text-item">
-					<up-text
-					    type="warning"
-					    text="警告"
-					></up-text>
-				</view>
-				<view class="u-page__text-item">
-					<up-text
-					    type="info"
-					    text="信息"
-					></up-text>
-				</view>
-				<view class="u-page__text-item" style="background-color: #000;">
-					<up-text
-						text="颜色"
-						size="30rpx" color="#fff">
-					</up-text>
-				</view>
-				<up-text text="颜色" color="#4557FF" size="32rpx" />
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">拨打电话</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__text-item">
-					<up-text
-					    mode="phone"
-					    text="15019479320"
-					></up-text>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">日期格式化</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__text-item">
-					<up-text
-					    mode="date"
-					    text="1612959739"
-					></up-text>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">姓名脱敏</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__text-item">
-					<up-text
-					    mode="name"
-					    text="张三三"
-						format="encrypt"
-					></up-text>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">超链接</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__text-item">
-					<up-text
-					    mode="link"
-					    text="Go to uview-plus docs"
-					    href="https://ijry.github.io/uview-plus/"
-					></up-text>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">显示金额</text>
-			<view class="u-demo-block__content">
-				<view class="u-page__text-item">
-					<up-text
-					    mode="price"
-					    text="728732.32"
-					></up-text>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">前后图标</text>
-			<view class="u-demo-block__content">
-				<view
-				    class="u-page__text-item"
-				    style="margin-right: 50px;"
-				>
-					<up-text
-					    prefixIcon="baidu"
-					    iconStyle="font-size: 19px"
-					    text="百度一下"
-					></up-text>
-				</view>
-				<view class="u-page__text-item">
-					<up-text
-					    suffixIcon="arrow-rightward"
-					    iconStyle="font-size: 18px"
-					    text="查看更多"
-					></up-text>
-				</view>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">超出隐藏</text>
-			<view class="u-demo-block__content">
-				<up-text
-				    :lines="2"
-				    text="关于uview-plus的取名来由，首字母u来自于uni-app首字母，plus参考element-plus起名让大家容易理解这是Vue3版本，uni-app是基于Vue.js，Vue和View(延伸为UI、视图之意)同音，同时view组件uni-app中 最基础，最重要的组件，故取名uview-plus，表达源于uni-app和Vue之意，同时在此也对它们表示感谢。"
-				></up-text>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">小程序开放能力</text>
-			<view class="u-demo-block__content">
-				<up-text
-				    text="分享到微信"
-				    openType="share"
-				    type="success"
-					@click="clickHandler"
-				></up-text>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		onLoad() {},
-		methods: {
-			test() {
-				console.log('test')
-			},
-			clickHandler() {
-				// #ifndef MP-WEIXIN
-				uni.$u.toast('请在微信小程序内查看效果')
-				// #endif
-			}
-		},
-	}
-</script>
-
-<style lang="scss">
-	.u-page__text-item {
-		margin-right: 10px;
-		flex: 1;
-	}
-
-	.u-demo-block__content {
-		@include flex;
-		flex-direction: row;
-		flex-wrap: wrap;
-		align-items: center;
-	}
-</style>

src/pages/componentsC/textarea/textarea.nvue

@@ -1,79 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础使用</text>
-			<view class="u-demo-block__content">
-				<up-textarea
-					v-model="value1"
-					placeholder="请输入内容"
-				></up-textarea>
-				{{value1}}
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">字数统计</text>
-			<view class="u-demo-block__content">
-				<up-textarea
-					v-model="value2"
-					placeholder="请输入内容"
-					count
-				></up-textarea>
-				{{value2}}
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自动增高</text>
-			<view class="u-demo-block__content">
-				<up-textarea
-					v-model="value3"
-					placeholder="请输入内容"
-					autoHeight
-				></up-textarea>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">禁用状态</text>
-			<view class="u-demo-block__content">
-				<up-textarea
-					v-model="value4"
-					placeholder="文本域已被禁用"
-					disabled
-					count
-				></up-textarea>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">下划线模式</text>
-			<view class="u-demo-block__content">
-				<up-textarea
-					v-model="value5"
-					placeholder="请输入内容"
-					border="bottom"
-				></up-textarea>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				value1: '',
-				value2: '统计字数',
-				value3: '',
-				value4: '',
-				value5: ''
-			}
-		},
-		methods: {
-			formatter(value) {
-				return value.replace(/[^0-9]/ig,"")
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-
-</style>

src/pages/componentsC/tooltip/tooltip.vue

@@ -1,86 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">基础使用</text>
-			<view class="u-demo-block__content">
-				<up-tooltip
-				    :text="text1"
-					overlay
-				></up-tooltip>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">下方显示</text>
-			<view class="u-demo-block__content" style="padding-bottom: 30px;">
-				<up-tooltip
-				    :text="text2"
-					direction="bottom"
-				></up-tooltip>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">扩展按钮</text>
-			<view class="u-demo-block__content">
-				<up-tooltip
-				    :text="text3"
-					:buttons="buttons1"
-					@click="click"
-				></up-tooltip>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">自动调整位置</text>
-			<view class="u-demo-block__content">
-				<up-tooltip
-				    :text="text4"
-					:buttons="buttons2"
-				></up-tooltip>
-			</view>
-		</view>
-		<view class="u-demo-block">
-			<text class="u-demo-block__title">高亮选中文本背景色</text>
-			<view class="u-demo-block__content">
-				<up-tooltip
-				    :text="text5"
-					:buttons="buttons3"
-					bgColor="#e3e4e6"
-				></up-tooltip>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				text1: '长按文本，上方提示',
-				text2: '长按文本，下方提示',
-				text3: '显示多个扩展按钮',
-				text4: '自动调整气泡位置',
-				text5: '长按文本，显示背景色',
-				buttons1: ['扩展'],
-				buttons2: ['扩展', '搜索', '翻译'],
-				buttons3: ['扩展', '搜索', '翻译']
-			}
-		},
-		onLoad() {
-			
-		},
-		methods: {
-			click(index) {
-				console.log('index', index);
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	.u-page {
-		
-	}
-	
-	.u-demo-block__content {
-		padding-top: 10px;
-	}
-</style>

src/pages/componentsD/box/box.nvue

@@ -1,106 +0,0 @@
-<template>
-	<view class="u-page">
-		<view class="u-page__item">
-			<text class="u-page__item__title">基础功能</text>
-			<view class="p-4 bg-white">
-				<up-box height="160px" gap="12px">
-					<template #left>
-						左
-					</template>
-					<template #rightTop>
-						右上
-					</template>
-					<template #rightBottom>
-						右下
-					</template>
-				</up-box>
-			</view>
-		</view>
-		<view class="u-page__item">
-			<text class="u-page__item__title">自定义插槽</text>
-			<up-box
-				height="180px" gap="12px"
-			>
-				<template #left>
-					<up-icon
-						name="arrow-left"
-						size="19"
-					></up-icon>
-				</template>
-				<template #rightTop>
-					<up-icon
-						name="arrow-left"
-						size="19"
-					></up-icon>
-				</template>
-				<template #rightBottom>
-					<up-icon
-						name="arrow-left"
-						size="19"
-					></up-icon>
-				</template>
-			</up-box>
-		</view>
-		<up-gap height="50"></up-gap>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-
-			}
-		},
-		methods: {
-			navigateBack() {
-				uni.navigateBack({
-					delta: 1
-				})
-			},
-			leftClick() {
-				console.log('leftClick');
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	/* #ifndef APP-NVUE */
-	page {
-		background-color: $u-bg-color;
-	}
-	/* #endif */
-	
-	.u-page {
-		padding: 0;
-		flex: 1;
-		background-color: $u-bg-color;
-
-		&__item {
-
-			&__title {
-				color: $u-tips-color;
-				background-color: $u-bg-color;
-				padding: 15px;
-				font-size: 15px;
-
-				&__slot-title {
-					color: $u-primary;
-					font-size: 14px;
-				}
-			}
-		}
-	}
-
-	.u-nav-slot {
-		@include flex;
-		align-items: center;
-		justify-content: space-between;
-		border-width: 0.5px;
-		border-radius: 100px;
-		border-color: $u-border-color;
-		padding: 3px 7px;
-		opacity: 0.8;
-	}
-</style>

src/pages/componentsD/copy/copy.nvue

@@ -1,23 +0,0 @@
-<template>
-  	<view class="u-page">
-		<view class="u-page__item">
-			<text class="u-page__item__title" style="margin-top: 0;">点击文字复制</text>
-			<view class="u-page__item__content">
-				<up-copy content="uview-plus is great !">
-					<text>点击复制</text>
-				</up-copy>
-			</view>
-		</view>
-		<view class="u-page__item">
-			<text class="u-page__item__title" style="margin-top: 0;">点击按钮复制</text>
-			<view class="u-page__item__content">
-				<up-copy content="uview-plus is great !">
-					<up-button type="primary">点击复制</up-button>
-				</up-copy>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script setup>
-</script>

src/pages/componentsD/floatButton/floatButton.nvue

@@ -1,91 +0,0 @@
-<template>
-   <view class="u-page">
-      <view class="u-page__item">
-         <text class="u-page__item__title">基础功能</text>
-         <up-float-button :isMenu="false" top="90px">
-         </up-float-button>
-      </view>
-      <up-gap height="50"></up-gap>
-      <view class="u-page__item">
-         <text class="u-page__item__title">带子菜单模式</text>
-         <up-float-button :isMenu="true" top="220px" @item-click="itemClick"
-          :list="[
-            {key: 'plus', name: 'plus', color: '#fff', backgroundColor: 'red'},
-            {key: 'order', name: 'order', color: '#fff', backgroundColor: 'green'}
-          ]">
-         </up-float-button>
-      </view>
-      <up-gap height="50"></up-gap>
-      <view class="u-page__item">
-         <text class="u-page__item__title">自定义插槽</text>
-         <up-float-button top="''" bottom="250px" :isMenu="true">
-            <template #list>
-               <view style="display: flex ;justify-content: center;align-items: center;margin: 5px 0px;background-color: blueviolet;border-radius: 50%; width: 50px;height:50px;">
-					<up-icon
-						name="arrow-left"
-                        color='#fff'
-						size="19"
-					></up-icon>
-				</view>
-				<view style="display: flex ;justify-content: center;align-items: center;margin: 5px 0px;background-color: chocolate;border-radius: 50%; width: 50px;height:50px;">
-					<up-icon
-						name="arrow-left"
-                        color='#fff'
-						size="19"
-					></up-icon>
-				</view>
-            </template>
-         </up-float-button>
-      </view>
-      <up-gap height="50"></up-gap>
-   </view>
-</template>
-
-<script>
-   export default {
-      data() {
-         return {
-
-         }
-      },
-      methods: {
-         navigateBack() {
-            uni.navigateBack({
-               delta: 1
-            })
-         },
-         itemClick(e) {
-            console.log(e);
-         }
-      }
-   }
-</script>
-
-<style lang="scss">
-   /* #ifndef APP-NVUE */
-   page {
-      background-color: $u-bg-color;
-   }
-   /* #endif */
-   
-   .u-page {
-      padding: 0;
-      flex: 1;
-      background-color: $u-bg-color;
-
-      &__item {
-
-         &__title {
-            color: $u-tips-color;
-            background-color: $u-bg-color;
-            padding: 15px;
-            font-size: 15px;
-
-            &__slot-title {
-               color: $u-primary;
-               font-size: 14px;
-            }
-         }
-      }
-   }
-</style>

src/pages/componentsD/navbarMini/navbarMini.nvue

@@ -1,95 +0,0 @@
-<template>
-	<view class="u-page">
-		<up-navbar-mini
-			safeAreaInsetTop
-			fixed
-			:autoBack="true"
-		>
-		</up-navbar-mini>
-		<view class="u-page__item">
-			<text class="u-page__item__title">基础功能</text>
-			<up-navbar-mini
-				homeUrl="/pages/index/index"
-				:safeAreaInsetTop="true"
-				:fixed="true"
-				@leftClick="leftClick"
-			>
-			</up-navbar-mini>
-		</view>
-		<view class="u-page__item">
-			<text class="u-page__item__title">自定义插槽</text>
-			<up-navbar-mini
-				:fixed="false"
-				:safeAreaInsetTop="false"
-			>
-				<template #left>
-					<up-icon
-						name="arrow-left"
-						size="19"
-					></up-icon>
-				</template>
-			</up-navbar-mini>
-		</view>
-		<up-gap height="50"></up-gap>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-
-			}
-		},
-		methods: {
-			navigateBack() {
-				uni.navigateBack({
-					delta: 1
-				})
-			},
-			leftClick() {
-				console.log('leftClick');
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-	/* #ifndef APP-NVUE */
-	page {
-		background-color: $u-bg-color;
-	}
-	/* #endif */
-	
-	.u-page {
-		padding: 0;
-		flex: 1;
-		background-color: $u-bg-color;
-
-		&__item {
-
-			&__title {
-				color: $u-tips-color;
-				background-color: $u-bg-color;
-				padding: 15px;
-				font-size: 15px;
-
-				&__slot-title {
-					color: $u-primary;
-					font-size: 14px;
-				}
-			}
-		}
-	}
-
-	.u-nav-slot {
-		@include flex;
-		align-items: center;
-		justify-content: space-between;
-		border-width: 0.5px;
-		border-radius: 100px;
-		border-color: $u-border-color;
-		padding: 3px 7px;
-		opacity: 0.8;
-	}
-</style>

src/pages/componentsD/qrcode/qrcode.nvue

@@ -1,35 +0,0 @@
-<template>
-  	<view class="u-page">
-		<view class="u-page__item">
-			<text class="u-page__item__title" style="margin-top: 0;">不带logo</text>
-			<view class="u-page__item__content">
-				<up-qrcode :cid="'up1'" :size="150" val="https://click.meituan.com/t?t=1&c=2&p=WhaD2b5zGU-h"></up-qrcode>
-			</view>
-		</view>
-		<view class="u-page__item">
-			<text class="u-page__item__title" style="margin-top: 0;">带logo</text>
-			<view class="u-page__item__content">
-				<up-qrcode :cid="'up2'" :size="150" val="https://click.meituan.com/t?t=1&c=2&p=WhaD2b5zGU-h" :icon="logo"></up-qrcode>
-			</view>
-		</view>
-		<view class="u-page__item">
-			<text class="u-page__item__title" style="margin-top: 0;">二维码颜色</text>
-			<view class="u-page__item__content">
-				<up-qrcode :cid="'up3'" :size="150" val="https://click.meituan.com/t?t=1&c=2&p=WhaD2b5zGU-h" background="red" foreground="blue"></up-qrcode>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script setup>
-import logo from '@/static/uview/common/logo.png';
-</script>
-
-<style lang="scss" scoped>
-    .u-page__item {
-        margin-bottom: 15px;
-    }
-    .u-page__item__title {
-        margin-bottom: 10px;
-    }
-</style>

src/pages/example/ad.vue

@@ -1,116 +0,0 @@
-<template>
-	<view style="margin: 100px 30px;">
-		<up-button type="primary" @click="videoAdLoad">打开广告</up-button>
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				id: '',
-				videoAd: ''
-			};
-		},
-		onLoad(options){
-			this.videoAdCreat()
-		},
-		onShow() {
-			// 获取当前小程序的页面栈
-			let pages = getCurrentPages();
-			// 数组中索引最大的页面--当前页面
-			let currentPage = pages[pages.length-1];
-			// 打印出当前页面中的 options
-			console.log(currentPage.options)
-			let options = currentPage.options;
-			if (options.scene) {
-				const scene = decodeURIComponent(options.scene);
-				this.id = scene;
-				console.log(this.id)
-			} else {
-				this.id = '';
-			}
-		},
-		methods: {
-			videoAdCreat(){
-				 // 在页面onLoad回调事件中创建激励视频广告实例
-				 if (wx.createRewardedVideoAd) {
-					this.videoAd = wx.createRewardedVideoAd({
-						adUnitId: 'adunit-fe31910e54f0cdc9'
-					})
-					this.videoAd.onError((err) => {
-						wx.showToast({
-							title: this.videoAdErrHandle(err),
-							icon: 'none'
-						})
-					})
-					// 监听关闭
-					this.videoAd.onClose((status) => {
-						if (status && status.isEnded || status === undefined) {
-							console.log('视频正常关闭 下发奖励')
-							this.watchEnd();
-						} else {
-							// 播放中途退出，进行提示
-							wx.showToast({title: '未完整观看视频不能获取奖励哦', icon: 'none'})
-						}
-					})
-					// this.videoAdLoad()
-				 } else {
-					wx.showToast({
-						title: '请升级微信',
-						icon: 'none'
-					})
-				 }
-			},
-			// 开始广告
-			videoAdLoad() {
-				this.videoAd.show().catch((err) => {
-					this.videoAd.load()
-						.then(() => this.videoAd.show())
-						.catch(err => {
-							wx.showToast({
-								title: this.videoAdErrHandle(err),
-								icon: 'none'
-							})
-						})
-				})
-			},
-			// 观看完成提交后台接口
-			watchEnd() {
-				uni.request({
-				    url: 'https://uiadmin.net/api/v1/wxapp/ad/end',
-				    data: {
-				        id: this.id
-				    },
-					method: 'put',
-				    header: {
-				    },
-				    success: (res) => {
-				        console.log(res.data);
-				    }
-				});
-			},
-			videoAdErrHandle(err){
-				 console.log('视频加载失败')
-				 console.log(err)
-				 // {errMsg: "no advertisement", errCode: 1004}
-				 const errHandle={
-					 1000:'后端接口调用失败',
-					 1001:'参数错误',
-					 1002:'广告单元无效',
-					 1003:'内部错误',
-					 1004:'无合适的广告',
-					 1005:'广告组件审核中',
-					 1006:'广告组件被驳回',
-					 1007:'广告组件被封禁',
-					 1008:'广告单元已关闭',
-				 }
-				 return errHandle[err.errCode] || '视频加载错误,重新加载页面试试吧'
-			}
-		}
-	}
-</script>
-
-<style lang="scss">
-
-</style>

src/pages/example/components.config.js

@@ -1,457 +0,0 @@
-export default [{
-    groupName: '基础组件',
-    groupName_en: 'Basic components',
-    list: [{
-        path: '/pages/componentsB/color/color',
-        icon: 'color',
-        title: 'Color 色彩',
-        title_en: 'Color'
-    }, {
-        path: '/pages/componentsA/icon/icon',
-        icon: 'icon',
-        title: 'Icon 图标',
-        title_en: 'Icon'
-    }, {
-        path: '/pages/componentsA/image/image',
-        icon: 'image',
-        title: 'Image 图片',
-        title_en: 'Image'
-    }, {
-        path: '/pages/componentsA/button/button',
-        icon: 'button',
-        title: 'Button 按钮',
-        title_en: 'Button'
-    }, {
-        path: '/pages/componentsC/text/text',
-        icon: 'text',
-        title: 'Text 文本',
-        title_en: 'Text'
-    }, {
-        path: '/pages/componentsC/layout/layout',
-        icon: 'layout',
-        title: 'Layout 布局',
-        title_en: 'Layout'
-    }, {
-        path: '/pages/componentsA/cell/cell',
-        icon: 'cell',
-        title: 'Cell 单元格',
-        title_en: 'Cell'
-    }, {
-        path: '/pages/componentsB/badge/badge',
-        icon: 'badge',
-        title: 'Badge 徽标数',
-        title_en: 'Badge'
-    }, {
-        path: '/pages/componentsB/tag/tag',
-        icon: 'tag',
-        title: 'Tag 标签',
-        title_en: 'Tag'
-    }, {
-        path: '/pages/componentsA/loading-icon/loading-icon',
-        icon: 'loading',
-        title: 'Loading 加载动画',
-        title_en: 'loading Icon'
-    }, {
-        path: '/pages/componentsA/loading-page/loading-page',
-        icon: 'loading-page',
-        title: 'Loading page 加载页',
-        title_en: 'Loading Page'
-    }]
-},
-{
-    groupName: '表单组件',
-    groupName_en: 'Form components',
-    list: [{
-        path: '/pages/componentsC/form/form',
-        icon: 'form',
-        title: 'Form 表单',
-        title_en: 'Form'
-    }, {
-        path: '/pages/componentsC/calendar/calendar',
-        icon: 'calendar',
-        title: 'Calendar 日历',
-        title_en: 'Calendar'
-    }, {
-        path: '/pages/componentsB/keyboard/keyboard',
-        icon: 'keyboard',
-        title: 'Keyboard 键盘',
-        title_en: 'Keyboard'
-    }, {
-        path: '/pages/componentsC/picker/picker',
-        icon: 'picker',
-        title: 'Picker 选择器',
-        title_en: 'Picker'
-    }, {
-        path: '/pages/componentsC/datetimePicker/datetimePicker',
-        icon: 'datetimePicker',
-        title: 'DatetimePicker 时间选择器',
-        title_en: 'Picker'
-    }, {
-        path: '/pages/componentsA/rate/rate',
-        icon: 'rate',
-        title: 'Rate 评分',
-        title_en: 'Rate'
-    }, {
-        path: '/pages/componentsB/search/search',
-        icon: 'search',
-        title: 'Search 搜索',
-        title_en: 'Search'
-    }, {
-        path: '/pages/componentsB/numberBox/numberBox',
-        icon: 'numberBox',
-        title: 'NumberBox 步进器',
-        title_en: 'NumberBox'
-    }, {
-        path: '/pages/componentsB/upload/upload',
-        icon: 'upload',
-        title: 'Upload 上传',
-        title_en: 'Upload'
-    }, {
-        path: '/pages/componentsB/code/code',
-        icon: 'code',
-        title: 'Code 验证码倒计时',
-        title_en: 'VerificationCode'
-    }, {
-        path: '/pages/componentsC/input/input',
-        icon: 'field',
-        title: 'Input 输入框',
-        title_en: 'Input'
-    }, {
-        path: '/pages/componentsC/textarea/textarea',
-        icon: 'textarea',
-        title: 'Textarea 文本域',
-        title_en: 'Textarea'
-    }, {
-        path: '/pages/componentsA/checkbox/checkbox',
-        icon: 'checkbox',
-        title: 'Checkbox 复选框',
-        title_en: 'Checkbox'
-    }, {
-        path: '/pages/componentsA/radio/radio',
-        icon: 'radio',
-        title: 'Radio 单选框',
-        title_en: 'Radio'
-    }, {
-        path: '/pages/componentsB/switch/switch',
-        icon: 'switch',
-        title: 'Switch 开关选择器',
-        title_en: 'Switch'
-    }, {
-        path: '/pages/componentsB/slider/slider',
-        icon: 'slider',
-        title: 'Slider 滑动选择器',
-        title_en: 'Slider'
-    }, {
-        path: '/pages/componentsC/album/album',
-        icon: 'album',
-        title: 'Album 相册',
-        title_en: 'Album'
-    }]
-}, {
-    groupName: '数据组件',
-    groupName_en: 'Data components',
-    list: [{
-        path: '/pages/componentsC/list/list',
-        icon: 'list',
-        title: 'List 列表',
-        title_en: 'List'
-    }, {
-        path: '/pages/componentsB/progress/progress',
-        icon: 'progress',
-        title: 'Progress 进度条',
-        title_en: 'Progress'
-    },
-    // {
-    // 	path: '/pages/componentsC/table/table',
-    // 	icon: 'table',
-    // 	title: 'Table 表格（暂无）',
-    // 	title_en: 'Table',
-    // },
-    {
-        path: '/pages/componentsB/countDown/countDown',
-        icon: 'countDown',
-        title: 'CountDown 倒计时',
-        title_en: 'CountDown'
-    }, {
-        path: '/pages/componentsB/countTo/countTo',
-        icon: 'countTo',
-        title: 'CountTo 数字滚动',
-        title_en: 'CountTo'
-    }]
-}, {
-    groupName: '反馈组件',
-    groupName_en: 'Feedback components',
-    list: [{
-        path: '/pages/componentsC/tooltip/tooltip',
-        icon: 'tooltip',
-        title: 'Tooltip 长按提示',
-        title_en: 'ActionSheet'
-    }, {
-        path: '/pages/componentsB/actionSheet/actionSheet',
-        icon: 'actionSheet',
-        title: 'ActionSheet 上拉菜单',
-        title_en: 'ActionSheet'
-    }, {
-        path: '/pages/componentsB/alert/alert',
-        icon: 'alert',
-        title: 'Alert 警告提示',
-        title_en: 'Alert'
-    }, {
-        path: '/pages/componentsB/toast/toast',
-        icon: 'toast',
-        title: 'Toast 消息提示',
-        title_en: 'Toast'
-    }, {
-        path: '/pages/componentsB/noticeBar/noticeBar',
-        icon: 'noticeBar',
-        title: 'NoticeBar 滚动通知',
-        title_en: 'NoticeBar'
-    }, {
-        path: '/pages/componentsB/notify/notify',
-        icon: 'notify',
-        title: 'Notify 消息提示',
-        title_en: 'Notify'
-    }, {
-        path: '/pages/componentsA/swipeAction/swipeAction',
-        icon: 'swipeAction',
-        title: 'SwipeAction 滑动单元格',
-        title_en: 'SwipeAction'
-    }, {
-        path: '/pages/componentsB/collapse/collapse',
-        icon: 'collapse',
-        title: 'Collapse 折叠面板',
-        title_en: 'Collapse'
-    }, {
-        path: '/pages/componentsA/popup/popup',
-        icon: 'popup',
-        title: 'Popup 弹出层',
-        title_en: 'Popup'
-    }, {
-        path: '/pages/componentsC/modal/modal',
-        icon: 'modal',
-        title: 'Modal 模态框',
-        title_en: 'Modal'
-    }
-	, {
-        path: '/pages/componentsD/copy/copy',
-        icon: 'copy',
-        title: 'copy 复制',
-        title_en: 'Copy'
-    }, {
-        path: '/pages/componentsD/floatButton/floatButton',
-        icon: 'copy',
-        title: 'floatButton 悬浮按钮',
-        title_en: 'Float Button'
-    }
-        // {
-        // 	path: '/pages/componentsA/fullScreen/fullScreen',
-        // 	icon: 'pressingScreen',
-        // 	title: 'fullScreen 压窗屏（暂无）',
-        // 	title_en: 'fullScreen',
-        // },
-    ]
-}, {
-    groupName: '布局组件',
-    groupName_en: 'Layout components',
-    list: [{
-        path: '/pages/componentsC/scrollList/scrollList',
-        icon: 'scrollList',
-        title: 'ScrollList 横向滚动列表',
-        title_en: 'ScrollList'
-    }, {
-        path: '/pages/componentsA/line/line',
-        icon: 'line',
-        title: 'Line 线条',
-        title_en: 'Line'
-    }, {
-		path: '/pages/componentsB/card/card',
-		icon: 'empty',
-		title: 'Card 卡片',
-		title_en: 'Card'
-    }, {
-        path: '/pages/componentsA/overlay/overlay',
-        icon: 'mask',
-        title: 'Overlay 遮罩层',
-        title_en: 'Overlay'
-    },
-    // #ifndef MP-TOUTIAO
-    {
-        path: '/pages/componentsC/noNetwork/noNetwork',
-        icon: 'noNetwork',
-        title: 'NoNetwork 无网络提示',
-        title_en: 'NoNetwork'
-    },
-    // #endif
-    {
-        path: '/pages/componentsA/grid/grid',
-        icon: 'grid',
-        title: 'Grid 宫格布局',
-        title_en: 'Grid'
-    }, {
-        path: '/pages/componentsC/swiper/swiper',
-        icon: 'swiper',
-        title: 'Swiper 轮播图',
-        title_en: 'Swiper'
-    }, {
-        path: '/pages/componentsC/skeleton/skeleton',
-        icon: 'skeleton',
-        title: 'Skeleton 骨架屏',
-        title_en: 'Skeleton'
-    }, {
-        path: '/pages/componentsA/sticky/sticky',
-        icon: 'sticky',
-        title: 'Sticky 吸顶',
-        title_en: 'Sticky'
-    },
-	{
-        path: '/pages/componentsB/waterfall/waterfall',
-        icon: 'waterfall',
-        title: 'Waterfall 瀑布流',
-        title_en: 'Waterfall'
-    },
-    {
-        path: '/pages/componentsA/divider/divider',
-        icon: 'divider',
-        title: 'Divider 分割线',
-        title_en: 'Divider'
-    }, {
-		path: '/pages/componentsD/box/box',
-		icon: 'box',
-		title: 'Box 盒子',
-		title_en: 'Box'
-    }
-    ]
-},
-{
-    groupName: '导航组件',
-    groupName_en: 'Navigation components',
-    list: [
-        {
-        	path: '/pages/componentsB/dropdown/dropdown',
-        	icon: 'dropdown',
-        	title: 'Dropdown 下拉菜单',
-        	title_en: 'Dropdown',
-        },
-        {
-            path: '/pages/componentsB/tabbar/tabbar',
-            icon: 'tabbar',
-            title: 'Tabbar 底部导航栏',
-            title_en: 'Tabbar'
-        }, {
-            path: '/pages/componentsA/backtop/backtop',
-            icon: 'backTop',
-            title: 'BackTop 返回顶部',
-            title_en: 'BackTop'
-        }, {
-            path: '/pages/componentsC/navbar/navbar',
-            icon: 'navbar',
-            title: 'Navbar 导航栏',
-            title_en: 'Navbar'
-        }, {
-            path: '/pages/componentsD/navbarMini/navbarMini',
-            icon: 'navbar',
-            title: 'NavbarMini 迷你导航栏',
-            title_en: 'Navbar'
-        }, {
-            path: '/pages/componentsC/tabs/tabs',
-            icon: 'tabs',
-            title: 'Tabs 标签',
-            title_en: 'Tabs'
-        },
-        // // #ifndef MP-ALIPAY
-        // {
-        // 	path: '/pages/template/order/order',
-        // 	icon: 'tabsSwiper',
-        // 	title: 'TabsSwiper 全屏选项卡（暂无）',
-        // 	title_en: 'TabsSwiper',
-        // },
-        // // #endif
-        {
-            path: '/pages/componentsC/subsection/subsection',
-            icon: 'subsection',
-            title: 'Subsection 分段器',
-            title_en: 'Subsection'
-        }, {
-            path: '/pages/componentsC/indexList/indexList',
-            icon: 'indexList',
-            title: 'IndexList 索引列表',
-            title_en: 'IndexList'
-        }, {
-            path: '/pages/componentsC/steps/steps',
-            icon: 'steps',
-            title: 'Steps 步骤条',
-            title_en: 'Steps'
-        }, {
-            path: '/pages/componentsA/empty/empty',
-            icon: 'empty',
-            title: 'Empty 内容为空',
-            title_en: 'Empty'
-        }
-    ]
-}, {
-    groupName: '其他组件',
-    groupName_en: 'Other components',
-    list: [
-	{
-        path: '/pages/componentsB/parse/parse',
-        icon: 'parse',
-        title: 'Parse 富文本解析器',
-        title_en: 'Parse'
-    },
-	{
-        path: '/pages/componentsC/codeInput/codeInput',
-        icon: 'messageInput',
-        title: 'CodeInput 验证码输入',
-        title_en: 'CodeInput'
-    },
-    // {
-    // 	path: '/pages/componentsC/avatarCropper/avatarCropper',
-    // 	icon: 'avatarCropper',
-    // 	title: 'AvatarCropper 头像裁剪（暂无）',
-    // 	title_en: 'AvatarCropper',
-    // },
-    {
-        path: '/pages/componentsC/loadmore/loadmore',
-        icon: 'loadmore',
-        title: 'Loadmore 加载更多',
-        title_en: 'Loadmore'
-    }, {
-        path: '/pages/componentsC/readMore/readMore',
-        icon: 'readMore',
-        title: 'ReadMore 展开阅读更多',
-        title_en: 'ReadMore'
-    },
-    {
-    	path: '/pages/componentsA/lazyLoad/lazyLoad',
-    	icon: 'lazyLoad',
-    	title: 'LazyLoad 懒加载',
-    	title_en: 'LazyLoad',
-    },
-    {
-        path: '/pages/componentsA/gap/gap',
-        icon: 'gap',
-        title: 'Gap 间隔槽',
-        title_en: 'Gap'
-    }, {
-        path: '/pages/componentsC/avatar/avatar',
-        icon: 'avatar',
-        title: 'Avatar 头像',
-        title_en: 'Avatar'
-    }, {
-        path: '/pages/componentsA/link/link',
-        icon: 'link',
-        title: 'Link 超链接',
-        title_en: 'Link'
-    }, {
-        path: '/pages/componentsA/transition/transition',
-        icon: 'transition',
-        title: 'transition 动画',
-        title_en: '动画'
-    }, {
-        path: '/pages/componentsD/qrcode/qrcode',
-        icon: 'qrcode',
-        title: 'qrcode 二维码',
-        title_en: '二维码'
-    }]
-}
-]

src/pages/example/components.nvue

@@ -1,80 +0,0 @@
-<template>
-	<view class="wrap">
-		<page-nav :desc="desc"></page-nav>
-		<view class="list-wrap">
-			<up-cell-group title-bg-color="rgb(243, 244, 246)" :title="item.groupName" v-for="(item, index) in list" :key="index">
-				<up-cell :titleStyle="{fontWeight: 500}" :title="item1.title"
-				 v-for="(item1, index1) in item.list" :key="index1" isLink @click="openPage" :name="item1.path">
-					<template v-slot:icon>
-						<image
-							class="u-cell-icon"
-							:src="getIcon(item1.icon)"
-							mode="widthFix">
-						</image>
-					</template>
-				</up-cell>
-			</up-cell-group>
-		</view>
-        <up-gap height="30" bgColor="#fff"></up-gap>
-        <up-alert description ='uview-plus 2022-2024'></up-alert>
-		<up-gap height="30" bgColor="#fff"></up-gap>
-	</view>
-</template>
-
-<script lang="ts">
-	import list from "./components.config.js";
-    import { os, toast } from '@/uni_modules/uview-plus';
-	export default {
-		data() {
-			return {
-				list: list,
-				desc: 'uview-plus 是uview2.0的vue3版本，是全面兼容nvue/鸿蒙/uni-app-x的uni-app生态框架，全面的组件和便捷的工具会让您信手拈来，如鱼得水。',
-			}
-		},
-		computed: {
-		},
-        onLoad() {
-        },
-		methods: {
-			getIcon(path: string) {
-				return 'https://uview-plus.jiangruyi.com/h5/static/uview/demo/' + path + '.png';
-			},
-			openPage(detail: { name: string }) {
-				const path = detail.name
-				// #ifdef APP-NVUE
-				// 目前安卓nvue下，由于overflow只能为hidden，所以布局上的原因，暂不支持steps和tooltip等组件				// 2024实测steps与tooltip均支持在安卓nvue下显示
-				if(os() === 'android') {
-					const noSupportForAndroid = []
-					for(let i = 0; i < noSupportForAndroid.length; i ++) {
-						if(path.indexOf(noSupportForAndroid[i]) > -1) {
-							return toast('安卓nvue下暂不支持此组件')
-						}
-					}
-				}
-				// #endif
-				uni.navigateTo({
-					url: path
-				})
-			},
-		}
-	}
-</script>
-
-<style>
-	/* page {
-		background-color: rgb(240, 242, 244);
-	} */
-</style>
-
-<style lang="scss" >
-	
-	.u-cell-icon {
-		width: 36rpx;
-		height: 36rpx;
-		margin-right: 8rpx;
-	}
-	
-	.u-cell-group__title__text {
-		font-weight: bold;
-	}
-</style>

src/pages/example/components.vue

@@ -1,80 +0,0 @@
-<template>
-	<view class="wrap">
-		<page-nav :desc="desc"></page-nav>
-		<view class="list-wrap">
-			<up-cell-group title-bg-color="rgb(243, 244, 246)" :title="item.groupName" v-for="(item, index) in list" :key="index">
-				<up-cell :titleStyle="{fontWeight: 500}" :title="item1.title"
-				 v-for="(item1, index1) in item.list" :key="index1" isLink @click="openPage" :name="item1.path">
-					<template v-slot:icon>
-						<image
-							class="u-cell-icon"
-							:src="getIcon(item1.icon)"
-							mode="widthFix">
-						</image>
-					</template>
-				</up-cell>
-			</up-cell-group>
-		</view>
-        <up-gap height="30" bgColor="#fff"></up-gap>
-        <up-alert description ='uview-plus 2022-2024'></up-alert>
-		<up-gap height="30" bgColor="#fff"></up-gap>
-	</view>
-</template>
-
-<script lang="ts">
-	import list from "./components.config.js";
-  import { os, toast } from '@/uni_modules/uview-plus';
-	export default {
-		data() {
-			return {
-				list: list,
-				desc: 'uview-plus 是uview2.0的vue3版本，是全面兼容nvue的uni-app生态框架，全面的组件和便捷的工具会让您信手拈来，如鱼得水。',
-			}
-		},
-		computed: {
-		},
-        onLoad() {
-        },
-		methods: {
-			getIcon(path: string) {
-				return 'https://uview-plus.jiangruyi.com/h5/static/uview/demo/' + path + '.png';
-			},
-			openPage(detail: { name: string }) {
-				const path = detail.name
-				// #ifdef APP-NVUE
-				// 目前安卓nvue下，由于overflow只能为hidden，所以布局上的原因，暂不支持steps和tooltip等组件				// 2024实测steps与tooltip均支持在安卓nvue下显示
-				if(os() === 'android') {
-					const noSupportForAndroid = []
-					for(let i = 0; i < noSupportForAndroid.length; i ++) {
-						if(path.indexOf(noSupportForAndroid[i]) > -1) {
-							return toast('安卓nvue下暂不支持此组件')
-						}
-					}
-				}
-				// #endif
-				uni.navigateTo({
-					url: path
-				})
-			},
-		}
-	}
-</script>
-
-<style>
-	/* page {
-		background-color: rgb(240, 242, 244);
-	} */
-</style>
-
-<style lang="scss" >
-	
-	.u-cell-icon {
-		width: 36rpx;
-		height: 36rpx;
-		margin-right: 8rpx;
-	}
-	
-	.u-cell-group__title__text {
-		font-weight: bold;
-	}
-</style>

src/pages/example/template.config.js

@@ -1,78 +0,0 @@
-export default [
-	{
-		groupName: '部件',
-		groupName_en: 'Parts',
-		list: [
-			{
-				path: 'coupon',
-				icon: 'coupon',
-				title: 'Coupon 优惠券',
-				title_en: 'Coupon',
-			}
-		]
-	},
-	{
-		groupName: '页面',
-		groupName_en: 'Page',
-		list: [
-			{
-				path: '/pages/template/wxCenter/index',
-				icon: 'wxCenter',
-				title: 'WxCenter 仿微信个人中心',
-				title_en: 'WxCenter',
-			},
-			// {
-			// 	path: '/pages/template/douyin/index',
-			// 	icon: 'douyin',
-			// 	title: 'Douyin 仿抖音',
-			// },
-			{
-				path: '/pages/template/keyboardPay/index',
-				icon: 'keyboardPay',
-				title: 'KeyboardPay 自定义键盘支付模板',
-				title_en: 'KeyboardPay',
-			},
-			{
-				path: '/pages/template/mallMenu/index1',
-				icon: 'mall_menu_1',
-				title: 'MallMenu 垂直分类(左右独立)',
-				title_en: 'MallMenu 1',
-			},{
-				path: '/pages/template/mallMenu/index2',
-				icon: 'mall_menu_2',
-				title: 'MallMenu 垂直分类(左右联动)',
-				title_en: 'MallMenu 2',
-			},{
-				path: 'submitBar',
-				icon: 'submitBar',
-				title: 'SubmitBar 提交订单栏',
-				title_en: 'SubmitBar',
-			},{
-				path: 'comment',
-				icon: 'comment',
-				title: 'Comment 评论列表',
-				title_en: 'Comment',
-			},{
-				path: 'order',
-				icon: 'order',
-				title: 'Order 订单列表',
-				title_en: 'Order',
-			},{
-				path: 'login',
-				icon: 'login',
-				title: 'Login 登录界面',
-				title_en: 'Login',
-			},{
-				path: 'address',
-				icon: 'address',
-				title: 'Address 收货地址',
-				title_en: 'Address',
-			},{
-				path: 'citySelect',
-				icon: 'citySelect',
-				title: 'CitySelect 城市选择',
-				title_en: 'CitySelect',
-			}
-		]
-	}
-]

src/pages/example/template.vue

@@ -1,73 +0,0 @@
-<template>
-	<view class="wrap">
-		<page-nav :desc="desc" title="nav.template"></page-nav>
-		<view class="list-wrap">
-			<up-cell-group title-bg-color="rgb(243, 244, 246)"
-				:title="getGroupTitle(item)"
-				v-for="(item, index) in list" :key="index">
-				<up-cell :titleStyle="{fontWeight: 500}"
-					@click="openPage(item1.path)" :title="getFieldTitle(item1)"
-				 	v-for="(item1, index1) in item.list" :key="index1">
-					<template v-slot:icon>
-						<image class="u-cell-icon"
-							:src="getIcon(item1.icon)" mode="widthFix"></image>
-					</template>
-				</up-cell>
-			</up-cell-group>
-		</view>
-		<up-gap height="70"></up-gap>
-		<!-- <up-tabbar :list="vuex_tabbar" :mid-button="true"></up-tabbar> -->
-	</view>
-</template>
-
-<script lang="ts">
-	import list from "./template.config.js";
-	export default {
-		data() {
-			return {
-				list: list,
-				// desc: '收集众多的常用页面和布局，减少开发者的重复工作，让你专注逻辑，事半功倍'
-			}
-		},
-		computed: {
-			desc() {
-				return this.$t('template.desc');
-			}
-		},
-		onShow() {
-			uni.setNavigationBarTitle({
-				title: this.$t('nav.template')
-			});
-		},
-		methods: {
-			getIcon(path) {
-				return 'https://uview-plus.jiangruyi.com/h5/static/uview/demo/' + path + '.png';
-			},
-			openPage(path) {
-				this.$u.route({
-					url: path.indexOf('/page') == 0 ? path : '/pages/template/' + path + '/index'
-				})
-			},
-			getGroupTitle(item) {
-				return this.$i18n.locale == 'zh-Hans' ? item.groupName : item.groupName_en
-			},
-			getFieldTitle(item) {
-				return this.$i18n.locale == 'zh-Hans' ? item.title : item.title_en
-			}
-		}
-	}
-</script>
-
-<style>
-	/* page {
-		background-color: rgb(240, 242, 244);
-	} */
-</style>
-
-<style lang="scss" scoped>
-	.u-cell-icon {
-		width: 36rpx;
-		height: 36rpx;
-		margin-right: 8rpx;
-	}
-</style>

src/pages/template/address/addSite.vue

@@ -1,173 +0,0 @@
-<template>
-	<view class="wrap">
-		<view class="top">
-			<view class="item">
-				<view class="left">收货人</view>
-				<input type="text" placeholder-class="line" placeholder="请填写收货人姓名" />
-			</view>
-			<view class="item">
-				<view class="left">手机号码</view>
-				<input type="text" placeholder-class="line" placeholder="请填写收货人手机号" />
-			</view>
-			<view class="item" @tap="showRegionPicker">
-				<view class="left">所在地区</view>
-				<input disabled type="text" placeholder-class="line" placeholder="省市区县、乡镇等" />
-			</view>
-			<view class="item address">
-				<view class="left">详细地址</view>
-				<textarea type="text" placeholder-class="line" placeholder="街道、楼牌等" />
-			</view>
-			<!-- <view class="site-clipboard">
-				<textarea placeholder-class="line" value="" placeholder="粘贴文本,可自动识别姓名和地址等" />
-				<view class="clipboard">
-					地址粘贴板
-					<up-icon name="arrow-down" class="icon" :size="20"></up-icon>
-				</view>
-			</view> -->
-		</view>
-		<view class="bottom">
-			<view class="tag">
-				<view class="left">标签</view>
-				<view class="right">
-					<text class="tags">家</text>
-					<text class="tags">公司</text>
-					<text class="tags">学校</text>
-					<view class="tags plus"><up-icon size="22" name="plus"></up-icon></view>
-				</view>
-			</view>
-			<view class="default">
-				<view class="left">
-					<view class="set">设置默认地址</view>
-					<view class="tips">提醒：每次下单会默认推荐该地址</view>
-				</view>
-				<view class="right"><switch color="red" @change="setDefault" /></view>
-			</view>
-		</view>
-		<up-picker mode="region" ref="uPicker" v-model="show" />
-	</view>
-</template>
-
-<script>
-export default {
-	data() {
-		return {
-			show: false
-		};
-	},
-	methods: {
-		setDefault() {},
-		showRegionPicker() {
-			this.show = true;
-		}
-	}
-};
-</script>
-
-<style lang="scss" scoped>
-:v-deep(.line) {
-	color: $u-light-color;
-	font-size: 28rpx;
-}
-.wrap {
-	background-color: #f2f2f2;
-	.top {
-		background-color: #ffffff;
-		border-top: solid 2rpx $u-border-color;
-		padding: 22rpx;
-		.item {
-			display: flex;
-			font-size: 32rpx;
-			line-height: 100rpx;
-			align-items: center;
-			border-bottom: solid 2rpx $u-border-color;
-			.left {
-				width: 180rpx;
-			}
-			input {
-				text-align: left;
-			}
-		}
-		
-		.address {
-			padding: 20rpx 0;
-			textarea {
-				// width: 100%;
-				height: 150rpx;
-				background-color: #f7f7f7;
-				line-height: 60rpx;
-				margin: 40rpx auto;
-				padding: 20rpx;
-			}
-		}
-		.site-clipboard {
-			padding-right: 40rpx;
-			textarea {
-				// width: 100%;
-				height: 150rpx;
-				background-color: #f7f7f7;
-				line-height: 60rpx;
-				margin: 40rpx auto;
-				padding: 20rpx;
-			}
-			.clipboard {
-				display: flex;
-				justify-content: center;
-				align-items: center;
-				font-size: 26rpx;
-				color: $u-tips-color;
-				height: 80rpx;
-				.icon {
-					margin-top: 6rpx;
-					margin-left: 10rpx;
-				}
-			}
-		}
-	}
-	.bottom {
-		margin-top: 20rpx;
-		padding: 40rpx;
-		padding-right: 0;
-		background-color: #ffffff;
-		font-size: 28rpx;
-		.tag {
-			display: flex;
-			.left {
-				width: 160rpx;
-			}
-			.right {
-				display: flex;
-				flex-wrap: wrap;
-				.tags {
-					width: 140rpx;
-					padding: 16rpx 8rpx;
-					border: solid 2rpx $u-border-color;
-					text-align: center;
-					border-radius: 50rpx;
-					margin: 0 10rpx 20rpx;
-					display: flex;
-					font-size: 28rpx;
-					align-items: center;
-					justify-content: center;
-					color: $u-content-color;
-					line-height: 1;
-				}
-				.plus {
-					//padding: 10rpx 0;
-				}
-			}
-		}
-		.default {
-			margin-top: 50rpx;
-			display: flex;
-			justify-content: space-between;
-			border-bottom: solid 2rpx $u-border-color;
-			line-height: 64rpx;
-			.tips {
-				font-size: 24rpx;
-			}
-			.right {
-			}
-		}
-	}
-}
-</style>

src/pages/template/address/index.vue

@@ -1,139 +0,0 @@
-<template>
-	<view>
-		<view class="item" v-for="(res, index) in siteList" :key="res.id">
-			<view class="top">
-				<view class="name">{{ res.name }}</view>
-				<view class="phone">{{ res.phone }}</view>
-				<view class="tag">
-					<text v-for="(item, index) in res.tag" :key="index" :class="{red:item.tagText=='默认'}">{{ item.tagText }}</text>
-				</view>
-			</view>
-			<view class="bottom">
-				广东省深圳市宝安区 自由路66号
-				<up-icon name="edit-pen" :size="40" color="#999999"></up-icon>
-			</view>
-		</view>
-		<view class="addSite" @tap="toAddSite">
-			<view class="add">
-				<up-icon name="plus" color="#ffffff" class="icon" :size="30"></up-icon>新建收货地址
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-export default {
-	data() {
-		return {
-			siteList: []
-		};
-	},
-	onLoad() {
-		this.getData();
-	},
-	methods: {
-		getData() {
-			this.siteList = [
-				{
-					id: 1,
-					name: '游X',
-					phone: '183****5523',
-					tag: [
-						{
-							tagText: '默认'
-						},
-						{
-							tagText: '家'
-						}
-					],
-					site: '广东省深圳市宝安区 自由路66号'
-				},
-				{
-					id: 2,
-					name: '李XX',
-					phone: '183****5555',
-					tag: [
-						{
-							tagText: '公司'
-						}
-					],
-					site: '广东省深圳市宝安区 翻身路xx号'
-				},
-				{
-					id: 3,
-					name: '王YY',
-					phone: '153****5555',
-					tag: [],
-					site: '广东省深圳市宝安区 平安路13号'
-				}
-			];
-		},
-		toAddSite(){
-			uni.navigateTo({
-			    url: '/pages/template/address/addSite'
-			});
-		}
-	}
-};
-</script>
-
-<style lang="scss" scoped>
-.item {
-	padding: 40rpx 20rpx;
-	.top {
-		display: flex;
-		font-weight: bold;
-		font-size: 34rpx;
-		.phone {
-			margin-left: 60rpx;
-		}
-		.tag {
-			display: flex;
-			font-weight: normal;
-			align-items: center;
-			text {
-				display: block;
-				width: 60rpx;
-				height: 34rpx;
-				line-height: 34rpx;
-				color: #ffffff;
-				font-size: 20rpx;
-				border-radius: 6rpx;
-				text-align: center;
-				margin-left: 30rpx;
-				background-color:rgb(49, 145, 253);
-			}
-			.red{
-				background-color:red
-			}
-		}
-	}
-	.bottom {
-		display: flex;
-		margin-top: 20rpx;
-		font-size: 28rpx;
-		justify-content: space-between;
-		color: #999999;
-	}
-}
-.addSite {
-	display: flex;
-	justify-content: space-around;
-	width: 600rpx;
-	line-height: 100rpx;
-	position: absolute;
-	bottom: 30rpx;
-	left: 80rpx;
-	background-color: red;
-	border-radius: 60rpx;
-	font-size: 30rpx;
-	.add{
-		display: flex;
-		align-items: center;
-		color: #ffffff;
-		.icon{
-			margin-right: 10rpx;
-		}
-	}
-}
-</style>

src/pages/template/citySelect/index.vue

@@ -1,48 +0,0 @@
-<template>
-	<view class="u-demo">
-		<view class="u-demo-wrap">
-			<view class="u-demo-title">演示效果</view>
-			<view class="u-demo-area">
-				<city-select v-model="value" @city-change="cityChange"></city-select>
-				<view class="u-demo-result-line">{{ input ? input : 'Picker值' }}</view>
-			</view>
-		</view>
-		<view class="u-config-wrap">
-			<view class="u-config-title u-border-bottom">参数配置</view>
-			<view class="u-config-item">
-				<view class="u-item-title">状态</view>
-				<up-button @click="value = true">打开Picker</up-button>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-import citySelect from './u-city-select.vue';
-export default {
-	components: {
-		citySelect
-	},
-	data() {
-		return {
-			height: 30,
-			bgColor: this.$u.color.bgColor,
-			marginTop: 30,
-			marginBottom: 30,
-			value: false,
-			input: '',
-		};
-	},
-	methods: {
-		cityChange(e) {
-			this.input = e.province.label + '-' + e.city.label + '-' + e.area.label;
-		}
-	}
-};
-</script>
-
-<style scoped>
-	.btn-wrap {
-		margin: 100rpx 30rpx;
-	}
-</style>