初始化 xunzheng检测

.gitignore

+/unpackage/
\ No newline at end of file

.hbuilderx/launch.json

+{ // launch.json 配置了启动调试时相关设置，configurations下节点名称可为 app-plus/h5/mp-weixin/mp-baidu/mp-alipay/mp-qq/mp-toutiao/mp-360/
+  // launchtype项可配置值为local或remote, local代表前端连本地云函数，remote代表前端连云端云函数
+    "version": "0.0",
+    "configurations": [{
+     	"default" : 
+     	{
+     		"launchtype" : "local"
+     	},
+     	"mp-weixin" : 
+     	{
+     		"launchtype" : "local"
+     	},
+     	"type" : "uniCloud"
+     }
+    ]
+}

App.vue

+<script>
+export default {
+  globalData: {
+    appkey: "71db6b93a885206070219c6563fc08c0a43bcae6",
+  },
+  onLaunch: function (options) {
+    // 更新小程序
+    var self = this;
+    // 获取小程序更新机制兼容
+    if (uni.canIUse("getUpdateManager")) {
+      const updateManager = uni.getUpdateManager();
+      //1. 检查小程序是否有新版本发布
+      updateManager.onCheckForUpdate(function (res) {
+        // 请求完新版本信息的回调
+        if (res.hasUpdate) {
+          //检测到新版本，需要更新，给出提示
+          uni.showModal({
+            title: "更新提示",
+            showCancel: false, //隐藏取消按钮
+            confirmText: "确定更新", //只保留确定更新按钮
+            content: "检测到新版本，请下载新版本并重启小程序",
+            success: function (res) {
+              if (res.confirm) {
+                //2. 用户确定下载更新小程序，小程序下载及更新静默进行
+                self.downLoadAndUpdate(updateManager);
+              } else if (res.cancel) {
+                //用户点击取消按钮的处理，如果需要强制更新，则给出二次弹窗，如果不需要，则这里的代码都可以删掉了
+                uni.showModal({
+                  title: "温馨提示~",
+                  content:
+                    "本次版本更新涉及到新的功能添加，旧版本无法正常访问的哦~",
+                  showCancel: false, //隐藏取消按钮
+                  confirmText: "确定更新", //只保留确定更新按钮
+                  success: function (res) {
+                    if (res.confirm) {
+                      //下载新版本，并重新应用
+                      self.downLoadAndUpdate(updateManager);
+                    }
+                  },
+                });
+              }
+            },
+          });
+        }
+      });
+    } else {
+      // 如果希望用户在最新版本的客户端上体验您的小程序，可以这样子提示
+      uni.showModal({
+        title: "提示",
+        content:
+          "当前微信版本过低，无法使用该功能，请升级到最新微信版本后重试。",
+      });
+    }
+  },
+  methods: {
+    /**
+     * 下载小程序新版本并重启应用
+     */
+    downLoadAndUpdate: function (updateManager) {
+      var self = this;
+      uni.showLoading();
+      //静默下载更新小程序新版本
+      updateManager.onUpdateReady(function () {
+        uni.hideLoading();
+        //新的版本已经下载好，调用 applyUpdate 应用新版本并重启
+        updateManager.applyUpdate();
+      });
+      updateManager.onUpdateFailed(function () {
+        // 新的版本下载失败
+        uni.showModal({
+          title: "已经有新版本了哟~",
+          content: "新版本已经上线啦~，请您删除当前小程序，重新搜索打开哟~",
+        });
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss">
+@import "static/iconfont/iconfont.css";
+
+page {
+  background-color: $bg;
+  font-size: $def-font-size;
+  color: $def-font-color;
+}
+
+.margin {
+  margin: 20upx;
+}
+
+.margin-top {
+  margin-top: 20upx;
+}
+
+.padding {
+  padding: 20upx;
+}
+
+.panel {
+  display: flex;
+  background-color: $white;
+  flex-wrap: nowrap;
+  align-items: center;
+  padding: 15upx;
+  border-bottom: 1upx solid $border;
+
+  &:last-child {
+    border-bottom: none;
+  }
+
+  view {
+    &:first-child {
+      flex-shrink: 0;
+    }
+  }
+}
+
+button {
+  &::after {
+    border: none;
+  }
+}
+
+.border-left {
+  border-left: 1upx solid $border;
+}
+
+.border-bottom {
+  border-bottom: 1upx solid $border;
+}
+
+.tabContent {
+  margin-top: 130upx;
+}
+
+.toolContent {
+  margin-top: 200upx;
+}
+
+textarea {
+  width: 100%;
+  padding: 20upx;
+  background-color: $white;
+}
+
+.main-btn {
+  background-color: $main-color;
+  color: $white;
+  width: 90%;
+  border-radius: 50upx;
+
+  &:active {
+    background-color: $main-active-color;
+  }
+}
+
+.bg-blue {
+  background-color: $blue;
+}
+
+.text-main-color {
+  color: $main-color;
+}
+
+.text-green {
+  color: $green;
+}
+
+.text-red {
+  color: $red;
+}
+
+.text-orange {
+  color: $orange;
+}
+
+.text-blue {
+  color: $blue;
+}
+
+.text-gray {
+  color: $gray;
+}
+
+.text-gray-light {
+  color: $gray-light;
+}
+
+.text-white {
+  color: $white;
+}
+
+.center-text {
+  text-align: center;
+}
+
+.font-lg {
+  font-size: $font-lg;
+}
+
+.font-sm {
+  font-size: $font-sm;
+}
+
+.nodata {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+
+  image {
+    width: 400upx;
+    height: 400upx;
+  }
+
+  button {
+    margin-top: 30upx;
+    width: 150upx;
+    height: 60upx;
+    line-height: 60upx;
+    border-radius: 20upx;
+    font-size: 22upx;
+  }
+}
+
+.right-float {
+  float: right;
+}
+
+.require::before {
+  content: "*";
+  color: red;
+  padding-right: 10upx;
+}
+
+.footer {
+  z-index: 9;
+  background-color: $white;
+  box-shadow: -1px -4px 8px 0px rgba(0, 0, 0, 0.1);
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+  padding: 20upx;
+}
+
+.box-shadow {
+  box-shadow: 2px 2px 10px 1rpx rgba(0, 50, 150, 0.1);
+}
+
+.card {
+  margin: 20upx;
+  background-color: $white;
+  border-radius: 10upx;
+  padding: 10upx;
+  box-shadow: 2px 2px 10px 1rpx rgba(0, 50, 150, 0.1);
+}
+
+label {
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+}
+
+radio {
+  scale: 0.7;
+}
+
+.list-buttom-button {
+  position: fixed;
+  bottom: 0;
+  background: $white;
+  width: -webkit-fill-available;
+  box-shadow: 0 0 9px 0px rgba(0, 0, 0, 0.1);
+  .button {
+    text-align: center;
+    color: $white;
+    background: $blue;
+    font: 28upx;
+    width: -webkit-fill-available;
+    height: 80upx;
+    border-radius: 10rpx;
+    margin: 20rpx 30rpx;
+  }
+  .iconfont {
+    font-size: 30upx;
+    margin-right: 50rpx;
+  }
+  .content {
+    font-size: 26upx;
+    line-height: 80rpx;
+  }
+}
+.uni-list {
+  padding-bottom: 120upx;
+  .list-cell {
+    font-size: $def-font-size;
+
+    .list-body {
+      background: #fff;
+      margin: 20rpx 30rpx 20rpx 30rpx;
+      box-shadow: 0px 5px 9px 1px rgba(0, 0, 0, 0.1);
+      border-radius: 10rpx;
+
+      .list-title {
+        font-size: 24upx;
+        color: $blue;
+        border-bottom: 1rpx solid $border !important;
+        height: 71rpx;
+        line-height: 71rpx;
+        margin: 0 18rpx;
+        padding: 0;
+
+        > .iconfont::before {
+          margin-right: 6rpx;
+        }
+
+        .list-title-right {
+          width: -webkit-fill-available;
+          display: inline-block;
+
+          text {
+            float: right;
+          }
+          .icon-shanchu {
+            color: #3f96fb;
+            display: flex;
+            margin-left: 15rpx;
+          }
+          .color1 {
+            color: #ff7200;
+            float: right;
+            font-weight: 500;
+          }
+        }
+      }
+
+      > view {
+        display: flex;
+        padding: 15rpx 23rpx;
+
+        .list-body-title {
+          color: $def-font-color;
+          margin: auto 0;
+          word-break: keep-all;
+        }
+
+        .list-body-content {
+          color: #909090;
+          overflow: hidden;
+          word-break: break-all;
+          margin-left: 21rpx;
+        }
+
+        .list-body-input,
+        .list-body-picker {
+          color: $gray-deep;
+        }
+      }
+      .list-body-bottom {
+        display: fixed;
+        border-top: 1rpx solid $border !important;
+        padding: 20rpx 0;
+        margin: 0 10rpx;
+
+        .list-body-bottom-info {
+          color: $blue;
+          margin: 0 auto;
+        }
+      }
+    }
+  }
+
+  .listInfo {
+    padding: 22upx 30rpx 0 30rpx;
+    .list-body-head {
+      color: #3e97fb;
+      margin: 25rpx 0 12rpx 26rpx;
+    }
+
+    .list-body {
+      border-radius: 0;
+      padding: 0 10rpx;
+      margin: 0 0rpx 10rpx 0rpx;
+      box-shadow: none;
+
+      > view {
+        padding: 15rpx 27rpx;
+        border-bottom: 1rpx solid $border;
+      }
+      > view:last-child {
+        border-bottom: none;
+      }
+    }
+  }
+}
+</style>

LICENSE

+MIT License
+
+Copyright (c) 2020 www.uviewui.com
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
\ No newline at end of file

README.md

+<p align="center">
+    <img alt="logo" src="https://uviewui.com/common/logo.png" width="120" height="120" style="margin-bottom: 10px;">
+</p>
+<h3 align="center" style="margin: 30px 0 30px;font-weight: bold;font-size:40px;">uView</h3>
+<h3 align="center">多平台快速开发的UI框架</h3>
+
+[![star](https://gitee.com/xuqu/uView/badge/star.svg?theme=gvp)](https://gitee.com/xuqu/uView/stargazers)
+[![fork](https://gitee.com/xuqu/uView/badge/fork.svg?theme=gvp)](https://gitee.com/xuqu/uView/members)
+[![stars](https://img.shields.io/github/stars/YanxinNet/uView?style=flat-square&logo=GitHub)](https://github.com/YanxinNet/uView)
+[![forks](https://img.shields.io/github/forks/YanxinNet/uView?style=flat-square&logo=GitHub)](https://github.com/YanxinNet/uView)
+[![issues](https://img.shields.io/github/issues/YanxinNet/uView?style=flat-square&logo=GitHub)](https://github.com/YanxinNet/uView/issues)
+[![Website](https://img.shields.io/badge/uView-up-blue?style=flat-square)](https://uviewui.com)
+[![release](https://img.shields.io/github/v/release/YanxinNet/uView?style=flat-square)](https://gitee.com/xuqu/uView/releases)
+[![license](https://img.shields.io/github/license/YanxinNet/uView?style=flat-square)](https://en.wikipedia.org/wiki/MIT_License)
+
+## 说明
+
+uView UI，是[uni-app](https://uniapp.dcloud.io/)生态优秀的UI框架，全面的组件和便捷的工具会让您信手拈来，如鱼得水
+
+## [官方文档：https://www.uviewui.com](https://www.uviewui.com)
+
+### [点击加群交流反馈：863820668](https://jq.qq.com/?_wv=1027&k=uyZUkSlo)
+
+## 特性
+
+- 兼容安卓，iOS，微信小程序，H5，QQ小程序，百度小程序，支付宝小程序，头条小程序
+- 60+精选组件，功能丰富，多端兼容，让您快速集成，开箱即用
+- 众多贴心的JS利器，让您飞镖在手，召之即来，百步穿杨
+- 众多的常用页面和布局，让您专注逻辑，事半功倍
+- 详尽的文档支持，现代化的演示效果
+- 按需引入，精简打包体积
+
+
+## 预览
+
+您可以通过**微信**扫码，查看最佳的演示效果。
+<br>
+<br>
+<img src="https://uviewui.com/common/weixin_mini_qrcode.png" width="220" height="220" >
+
+
+## 友情链接
+
+#### **vue-admin-beautiful** —— [企业级、通用型中后台前端解决方案（基于vue/cli 4 最新版，同时支持电脑，手机，平板）](https://github.com/chuzhixin/vue-admin-beautiful)
+
+#### **vue-admin-beautiful** —— [在线演示](http://beautiful.panm.cn/vue-admin-beautiful/#/index)
+
+#### **pl-table** —— [ 完美解决 element 万级表格数据渲染卡顿问题](https://github.com/livelyPeng/pl-table)
+
+#### **luch-request** —— [基于 Promise 开发的 uni-app 跨平台、项目级别的请求库，它有更小的体积，易用的 api，方便简单的自定义能力](https://www.quanzhan.co/luch-request/)
+<br>
+
+## 链接
+
+- [官方文档](https://uviewui.com/)
+- [更新日志](https://uviewui.com/components/changelog.html)
+- [升级指南](https://uviewui.com/components/changelog.html)
+- [关于我们](https://uviewui.com/cooperation/about.html)
+
+## 交流反馈
+
+欢迎加入我们的QQ群交流反馈：[点此跳转](https://www.uviewui.com/components/addQQGroup.html)
+
+## 安装
+
+#### **下载地址** —— [https://ext.dcloud.net.cn/plugin?id=1593](https://ext.dcloud.net.cn/plugin?id=1593)
+
+## 快速上手
+
+1. `main.js`引入uView库
+```js
+// main.js
+import uView from 'uview-ui';
+Vue.use(uView);
+```
+
+2. `App.vue`引入基础样式(注意style标签需声明scss属性支持)
+```css
+/* App.vue */
+<style lang="scss">
+/* 注意声明lang="scss"！ */
+@import "uview-ui/index.scss";
+</style>
+```
+
+3. `uni.scss`引入全局scss变量文件
+```css
+/* uni.scss */
+@import "uview-ui/theme.scss";
+```
+
+4. `pages.json`配置easycom规则(按需引入)
+
+```js
+// pages.json
+{
+	"easycom": {
+		// 下载安装的方式需要前面的"@/"，npm安装的方式无需"@/"
+		// 下载安装方式
+		"^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"
+		// npm安装方式
+		// "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
+	},
+	// 此为本身已有的内容
+	"pages": [
+		// ......
+	]
+}
+```
+
+请通过[快速上手](https://uviewui.com/components/quickstart.html)了解更详细的内容
+
+## 使用方法
+配置easycom规则后，自动按需引入，无需`import`组件，直接引用即可。
+
+```html
+<template>
+	<u-button>按钮</u-button>
+</template>
+```
+
+请通过[快速上手](https://uviewui.com/components/quickstart.html)了解更详细的内容
+
+
+## 捐赠uView的研发
+
+uView文档和源码全部开源免费，如果您认为uView帮到了您的开发工作，您可以捐赠uView的研发工作，捐赠无门槛，哪怕是一杯可乐也好(相信这比打赏主播更有意义)。
+
+<img src="https://uviewui.com/common/wechat.png" width="220" >
+<img style="margin-left: 100px;" src="https://uviewui.com/common/alipay.png" width="220" >
+
+## 版权信息
+uView遵循[MIT](https://en.wikipedia.org/wiki/MIT_License)开源协议，意味着您无需支付任何费用，也无需授权，即可将uView应用到您的产品中。

common/demo.scss

+/* #ifndef APP-NVUE */
+view,
+text {
+	box-sizing: border-box;
+}
+/* #endif */
+
+/* start--演示页面使用的统一样式--start */
+.u-demo {
+	padding: 25px 20px;
+}
+
+.u-demo-wrap {
+	border-width: 1px;
+	border-color: #ddd;
+	border-style: dashed;
+	background-color: rgb(250, 250, 250);
+	padding: 20px 10px;
+	border-radius: 3px;
+}
+
+.u-demo-area {
+	text-align: center;
+}
+
+.u-no-demo-here {
+	color: $u-tips-color;
+	font-size: 13px;
+}
+
+.u-demo-result-line {
+	border-width: 1px;
+	border-color: #ddd;
+	border-style: dashed;
+	padding: 5px 20px;
+	margin-top: 30px;
+	border-radius: 5px;
+	background-color: rgb(240, 240, 240);
+	color: $u-content-color;
+	font-size: 16px;
+	/* #ifndef APP-NVUE */
+	word-break: break-word;
+	display: inline-block;
+	/* #endif */
+	text-align: left;
+	
+}
+
+.u-demo-title,
+.u-config-title {
+	text-align: center;
+	font-size: 16px;
+	font-weight: bold;
+	margin-bottom: 20px;
+}
+
+.u-config-item {
+	margin-top: 25px;
+}
+
+.u-config-title {
+	margin-top: 20px;
+	padding-bottom: 5px;
+}
+
+.u-item-title {
+	position: relative;
+	font-size: 15px;
+	padding-left: 8px;
+	line-height: 1;
+	margin-bottom: 11px;
+}
+
+.u-item-title:after {
+	position: absolute;
+	width: 4px;
+	top: -1px;
+	height: 16px;
+	/* #ifndef APP-NVUE */
+	content: '';
+	/* #endif */
+	left: 0;
+	border-radius: 10px;
+	background-color: $u-content-color;
+}
+/* end--演示页面使用的统一样式--end */

common/http.api.js

+// 如果没有通过拦截器配置域名的话，可以在这里写上完整的URL(加上域名部分)
+let hotSearchUrl = '/ebapi/store_api/hot_search';
+let indexUrl = '/ebapi/public_api/index';
+
+// 此处第二个参数vm，就是我们在页面使用的this，你可以通过vm获取vuex等操作，更多内容详见uView对拦截器的介绍部分：
+// https://uviewui.com/js/http.html#%E4%BD%95%E8%B0%93%E8%AF%B7%E6%B1%82%E6%8B%A6%E6%88%AA%EF%BC%9F
+const install = (Vue, vm) => {
+	// 此处没有使用传入的params参数
+	let getSearch = (params = {}) => vm.$u.get(hotSearchUrl, {
+		id: 2
+	});
+	
+	// 此处使用了传入的params参数，一切自定义即可
+	let getInfo = (params = {}) => vm.$u.post(indexUrl, params);
+	
+	// 将各个定义的接口名称，统一放进对象挂载到vm.$u.api(因为vm就是this，也即this.$u.api)下
+	vm.$u.api = {getSearch, getInfo};
+}
+
+export default {
+	install
+}
\ No newline at end of file

common/http.interceptor.js

+// 这里的vm，就是我们在vue文件里面的this，所以我们能在这里获取vuex的变量，比如存放在里面的token
+// 同时，我们也可以在此使用getApp().globalData，如果你把token放在getApp().globalData的话，也是可以使用的
+const install = (Vue, vm) => {
+	Vue.prototype.$u.http.setConfig({
+		baseUrl: 'https://api.youzixy.com',
+		// 如果将此值设置为true，拦截回调中将会返回服务端返回的所有数据response，而不是response.data
+		// 设置为true后，就需要在this.$u.http.interceptor.response进行多一次的判断，请打印查看具体值
+		// originalData: true, 
+		// 设置自定义头部content-type
+		// header: {
+		// 	'content-type': 'xxx'
+		// }
+	});
+	// 请求拦截，配置Token等参数
+	Vue.prototype.$u.http.interceptor.request = (config) => {
+		config.header.Token = 'xxxxxx';
+		
+		// 方式一，存放在vuex的token，假设使用了uView封装的vuex方式，见：https://uviewui.com/components/globalVariable.html
+		// config.header.token = vm.token;
+		
+		// 方式二，如果没有使用uView封装的vuex方法，那么需要使用$store.state获取
+		// config.header.token = vm.$store.state.token;
+		
+		// 方式三，如果token放在了globalData，通过getApp().globalData获取
+		// config.header.token = getApp().globalData.username;
+		
+		// 方式四，如果token放在了Storage本地存储中，拦截是每次请求都执行的，所以哪怕您重新登录修改了Storage，下一次的请求将会是最新值
+		// const token = uni.getStorageSync('token');
+		// config.header.token = token;
+		
+		return config; 
+	}
+	// 响应拦截，判断状态码是否通过
+	Vue.prototype.$u.http.interceptor.response = (res) => {
+		// 如果把originalData设置为了true，这里得到将会是服务器返回的所有的原始数据
+		// 判断可能变成了res.statueCode，或者res.data.code之类的，请打印查看结果
+		if(res.code == 200) {
+			// 如果把originalData设置为了true，这里return回什么，this.$u.post的then回调中就会得到什么
+			return res.data;  
+		} else return false;
+	}
+}
+
+export default {
+	install
+}
\ No newline at end of file

common/locales/en.js

+export default {
+	// 可以以页面为单位来写，比如首页的内容，写在index字段，个人中心写在center，共同部分写在common部分
+	components: {
+		desc: 'Numerous components cover the various requirements of the development process, and the components are rich in functions and compatible with multiple terminals. Let you integrate quickly, out of the box'
+	},
+	js: {
+		desc: 'Numerous intimate gadgets are a weapon that you can call upon during the development process, allowing you to dart in your hand and pierce the Yang with a hundred steps'
+	},
+	template: {
+		desc: 'Collection of many commonly used pages and layouts, reducing the repetitive work of developers, allowing you to focus on logic and get twice the result with half the effort'
+	},
+	nav: {
+		components: 'Components',
+		js: 'JS',
+		template: 'Template'
+	},
+	common: {
+		intro: 'UI framework for rapid development of multiple platforms',
+		title: 'uView UI',
+	},
+}
\ No newline at end of file

common/locales/zh.js

+export default {
+	// 可以以页面为单位来写，比如首页的内容，写在index字段，个人中心写在center，共同部分写在common部分
+	components: {
+		desc: '众多组件覆盖开发过程的各个需求，组件功能丰富，多端兼容。让你快速集成，开箱即用'
+	},
+	js: {
+		desc: '众多的贴心小工具，是你开发过程中召之即来的利器，让你飞镖在手，百步穿杨'
+	},
+	template: {
+		desc: '收集众多的常用页面和布局，减少开发者的重复工作，让你专注逻辑，事半功倍'
+	},
+	nav: {
+		components: '组件',
+		js: '工具',
+		template: '模板'
+	},
+	common: {
+		intro: '多平台快速开发的UI框架',
+		title: 'uView UI',
+	},
+}
\ No newline at end of file

components/cmd-icon/readme.md

+### cmdIcon 图标
+
+图标组件名：``cmd-icon``，代码块： cmdIcon。
+
+**使用方式：**
+
+在 ``script`` 中引用组件 
+
+```javascript
+import cmdIcon from "@/components/cmd-icon/cmd-icon.vue"
+export default {
+    components: {cmdIcon}
+}
+```
+
+在 ``template`` 中使用组件
+
+```html
+<cmd-icon type="blocked" size="30" color="#654321"></cmd-icon>
+```
+
+**cmdIcon 属性说明：**
+
+|属性名		|类型|默认值	|说明|
+|---|----|---|---|
+|type	|String	|-|图标图案，参考下表|
+|color	|String	|-|图标颜色	|
+|size	|Number	|24|图标大小|
+|@click	|EventHandle|-|点击 Icon 触发事件|
+
+**type 类型：**
+
+主要
+
+analytics  <cmd-icon type="blocked" size="30" color="#654321"></cmd-icon>
+bell  <cmd-icon type="bell" size="30" color="#654321"></cmd-icon>
+blocked  <cmd-icon type="blocked" size="30" color="#654321"></cmd-icon>
+bookmark  <cmd-icon type="bookmark" size="30" color="#654321"></cmd-icon>
+bullet-list  <cmd-icon type="bullet-list" size="30" color="#654321"></cmd-icon>
+calendar  <cmd-icon type="calendar" size="30" color="#654321"></cmd-icon>
+add-circle  <cmd-icon type="add-circle" size="30" color="#654321"></cmd-icon>
+subtract-circle  <cmd-icon type="subtract-circle" size="30" color="#654321"></cmd-icon>
+check-circle  <cmd-icon type="check-circle" size="30" color="#654321"></cmd-icon>
+close-circle  <cmd-icon type="close-circle" size="30" color="#654321"></cmd-icon>
+add  <cmd-icon type="add" size="30" color="#654321"></cmd-icon>
+subtract  <cmd-icon type="subtract" size="30" color="#654321"></cmd-icon>
+check  <cmd-icon type="check" size="30" color="#654321"></cmd-icon>
+close  <cmd-icon type="close" size="30" color="#654321"></cmd-icon>
+clock  <cmd-icon type="clock" size="30" color="#654321"></cmd-icon>
+credit-card  <cmd-icon type="credit-card" size="30" color="#654321"></cmd-icon>
+download-cloud  <cmd-icon type="download-cloud" size="30" color="#654321"></cmd-icon>
+download  <cmd-icon type="download" size="30" color="#654321"></cmd-icon>
+equalizer  <cmd-icon type="equalizer" size="30" color="#654321"></cmd-icon>
+external-link  <cmd-icon type="external-link" size="30" color="#654321"></cmd-icon>
+eye  <cmd-icon type="eye" size="30" color="#654321"></cmd-icon>
+filter  <cmd-icon type="filter" size="30" color="#654321"></cmd-icon>
+folder  <cmd-icon type="folder" size="30" color="#654321"></cmd-icon>
+heart  <cmd-icon type="heart" size="30" color="#654321"></cmd-icon>
+heart-2  <cmd-icon type="heart-2" size="30" color="#654321"></cmd-icon>
+star  <cmd-icon type="star" size="30" color="#654321"></cmd-icon>
+star-2  <cmd-icon type="star-2" size="30" color="#654321"></cmd-icon>
+help  <cmd-icon type="help" size="30" color="#654321"></cmd-icon>
+alert-circle  <cmd-icon type="alert-circle" size="30" color="#654321"></cmd-icon>
+home  <cmd-icon type="home" size="30" color="#654321"></cmd-icon>
+iphone-x  <cmd-icon type="iphone-x" size="30" color="#654321"></cmd-icon>
+iphone  <cmd-icon type="iphone" size="30" color="#654321"></cmd-icon>
+lightning-bolt  <cmd-icon type="lightning-bolt" size="30" color="#654321"></cmd-icon>
+link  <cmd-icon type="link" size="30" color="#654321"></cmd-icon>
+list  <cmd-icon type="list" size="30" color="#654321"></cmd-icon>
+lock  <cmd-icon type="lock" size="30" color="#654321"></cmd-icon>
+mail  <cmd-icon type="mail" size="30" color="#654321"></cmd-icon>
+map-pin  <cmd-icon type="map-pin" size="30" color="#654321"></cmd-icon>
+menu  <cmd-icon type="menu" size="30" color="#654321"></cmd-icon>
+message  <cmd-icon type="message" size="30" color="#654321"></cmd-icon>
+money  <cmd-icon type="money" size="30" color="#654321"></cmd-icon>
+numbered-list  <cmd-icon type="numbered-list" size="30" color="#654321"></cmd-icon>
+phone  <cmd-icon type="phone" size="30" color="#654321"></cmd-icon>
+search  <cmd-icon type="search" size="30" color="#654321"></cmd-icon>
+settings  <cmd-icon type="settings" size="30" color="#654321"></cmd-icon>
+share-2  <cmd-icon type="share-2" size="30" color="#654321"></cmd-icon>
+share  <cmd-icon type="share" size="30" color="#654321"></cmd-icon>
+shopping-bag-2  <cmd-icon type="shopping-bag-2" size="30" color="#654321"></cmd-icon>
+shopping-bag  <cmd-icon type="shopping-bag" size="30" color="#654321"></cmd-icon>
+shopping-cart  <cmd-icon type="shopping-cart" size="30" color="#654321"></cmd-icon>
+streaming  <cmd-icon type="streaming" size="30" color="#654321"></cmd-icon>
+tag  <cmd-icon type="tag" size="30" color="#654321"></cmd-icon>
+tags  <cmd-icon type="tags" size="30" color="#654321"></cmd-icon>
+trash  <cmd-icon type="trash" size="30" color="#654321"></cmd-icon>
+upload  <cmd-icon type="upload" size="30" color="#654321"></cmd-icon>
+user  <cmd-icon type="user" size="30" color="#654321"></cmd-icon>
+loading  <cmd-icon type="loading" size="30" color="#654321"></cmd-icon>
+loading-2  <cmd-icon type="loading-2" size="30" color="#654321"></cmd-icon>
+loading-3  <cmd-icon type="loading-3" size="30" color="#654321"></cmd-icon>
+
+文件
+
+file-audio  <cmd-icon type="file-audio" size="30" color="#654321"></cmd-icon>
+file-code  <cmd-icon type="file-code" size="30" color="#654321"></cmd-icon>
+file-generic  <cmd-icon type="file-generic" size="30" color="#654321"></cmd-icon>
+file-jpg  <cmd-icon type="file-jpg" size="30" color="#654321"></cmd-icon>
+file-new  <cmd-icon type="file-new" size="30" color="#654321"></cmd-icon>
+file-png  <cmd-icon type="file-png" size="30" color="#654321"></cmd-icon>
+file-svg  <cmd-icon type="file-svg" size="30" color="#654321"></cmd-icon>
+file-video  <cmd-icon type="file-video" size="30" color="#654321"></cmd-icon>
+
+文本
+
+align-center  <cmd-icon type="align-center" size="30" color="#654321"></cmd-icon>
+align-left  <cmd-icon type="align-left" size="30" color="#654321"></cmd-icon>
+align-right  <cmd-icon type="align-right" size="30" color="#654321"></cmd-icon>
+edit  <cmd-icon type="edit" size="30" color="#654321"></cmd-icon>
+font-color  <cmd-icon type="font-color" size="30" color="#654321"></cmd-icon>
+text-italic  <cmd-icon type="text-italic" size="30" color="#654321"></cmd-icon>
+text-strikethrough  <cmd-icon type="text-strikethrough" size="30" color="#654321"></cmd-icon>
+text-underline  <cmd-icon type="text-underline" size="30" color="#654321"></cmd-icon>
+
+箭头
+arrow-up  <cmd-icon type="arrow-up" size="30" color="#654321"></cmd-icon>
+arrow-down  <cmd-icon type="arrow-down" size="30" color="#654321"></cmd-icon>
+arrow-left  <cmd-icon type="arrow-left" size="30" color="#654321"></cmd-icon>
+arrow-right  <cmd-icon type="arrow-right" size="30" color="#654321"></cmd-icon>
+chevron-up  <cmd-icon type="chevron-up" size="30" color="#654321"></cmd-icon>
+chevron-down  <cmd-icon type="chevron-down" size="30" color="#654321"></cmd-icon>
+chevron-left  <cmd-icon type="chevron-left" size="30" color="#654321"></cmd-icon>
+chevron-right  <cmd-icon type="chevron-right" size="30" color="#654321"></cmd-icon>
+
+媒体控制
+
+play  <cmd-icon type="play" size="30" color="#654321"></cmd-icon>
+pause  <cmd-icon type="pause" size="30" color="#654321"></cmd-icon>
+stop  <cmd-icon type="stop" size="30" color="#654321"></cmd-icon>
+prev  <cmd-icon type="prev" size="30" color="#654321"></cmd-icon>
+next  <cmd-icon type="next" size="30" color="#654321"></cmd-icon>
+reload  <cmd-icon type="reload" size="30" color="#654321"></cmd-icon>
+repeat-play  <cmd-icon type="repeat-play" size="30" color="#654321"></cmd-icon>
+shuffle-play  <cmd-icon type="shuffle-play" size="30" color="#654321"></cmd-icon>
+playlist  <cmd-icon type="playlist" size="30" color="#654321"></cmd-icon>
+sound  <cmd-icon type="sound" size="30" color="#654321"></cmd-icon>
+volume-off  <cmd-icon type="volume-off" size="30" color="#654321"></cmd-icon>
+volume-minus  <cmd-icon type="volume-minus" size="30" color="#654321"></cmd-icon>
+volume-plus  <cmd-icon type="volume-plus" size="30" color="#654321"></cmd-icon>
+
+多媒体
+
+camera  <cmd-icon type="camera" size="30" color="#654321"></cmd-icon>
+image  <cmd-icon type="image" size="30" color="#654321"></cmd-icon>
+video  <cmd-icon type="video" size="30" color="#654321"></cmd-icon>
+sketch  <cmd-icon type="sketch" size="30" color="#654321"></cmd-icon>
+

components/cmd-notice-bar/cmd-notice-bar.vue

+<template>
+  <view v-if="isShow" class="cmd-notice-bar" :class="[round ? 'cmd-notice-bar-round':'',type]" :style="setNoticeStyle">
+    <view class="cmd-notice-bar-left" v-if="icon != ''">
+      <cmd-icon :type="icon" size="16" :color="setIconColor"></cmd-icon>
+    </view>
+    <view class="cmd-notice-bar-content" :class="[rows && !scrollable ? 'cmd-notice-bar-multi-content':'']">
+      <view @tap="$_click" v-text="text" :style="setSingleEllStyle" :class="[scrollable ? 'cmd-notice-bar-content-animate':'']"></view>
+    </view>
+    <view class="cmd-notice-bar-right" v-if="mode != ''">
+      <cmd-icon :type="setModeIcon" size="16" :color="setIconColor" @click="$_mode"></cmd-icon>
+    </view>
+  </view>
+</template>
+
+<script>
+  import cmdIcon from '../cmd-icon/cmd-icon.vue'
+  export default {
+    name: 'cmd-notice-bar',
+
+    components: {
+      cmdIcon
+    },
+
+    props: {
+      /**
+       * 显示文本
+       */
+      text: {
+        tyep: String,
+        default: ''
+      },
+      /**
+       * 右侧提示类型 close/link
+       */
+      mode: {
+        type: String,
+        default: ''
+      },
+      /**
+       * 情景类型 default/activity/warning
+       */
+      type: {
+        type: String,
+        default: 'default'
+      },
+      /**
+       * 显示时长 单位为ms，不需要自动消失可将其置为0
+       */
+      time: {
+        type: Number,
+        default: 0,
+      },
+      /**
+       * 圆角显示
+       */
+      round: {
+        type: Boolean,
+        default: false,
+      },
+      /**
+       * 多行文本显示
+       */
+      rows: {
+        type: Boolean,
+        default: false,
+      },
+      /**
+       * 滚动文本
+       */
+      scrollable: {
+        type: Boolean,
+        default: false,
+      },
+      /**
+       * 左侧状态图标
+       */
+      icon: {
+        type: String,
+        default: '',
+      },
+      /**
+       * 通知栏自定义样式
+       */
+      make: {
+        type: Object,
+        default: () => {
+          return {
+            'background-color': '',
+            'color': ''
+          }
+        }
+      }
+    },
+
+    data() {
+      return {
+        /**
+         * 通知栏显示
+         */
+        isShow: true
+      }
+    },
+
+    computed: {
+      /**
+       * 右侧提示图标
+       */
+      setModeIcon() {
+        if (this.mode === 'link') {
+          return 'chevron-right';
+        } else if (this.mode === 'close') {
+          return 'close';
+        }
+      },
+      /**
+       * 左侧提示图标
+       */
+      setIconColor() {
+        let iconColor = '';
+        if (this.type === 'activity') {
+          iconColor = '#FF843D';
+        } else if (this.type === 'warning') {
+          iconColor = '#FF5B60';
+        } else {
+          iconColor = '#2F86F6';
+        }
+        return iconColor;
+      },
+      /**
+       * 自定义style
+       */
+      setNoticeStyle() {
+        let noticeStyle = '';
+        for (let it in this.make) {
+          noticeStyle += `${it}:${this.make[it]};`;
+        }
+        return noticeStyle;
+      },
+      /**
+       * 单行文本溢出省略
+       */
+      setSingleEllStyle() {
+        if (!this.rows && !this.scrollable) {
+          return 'text-overflow: ellipsis;white-space:nowrap;overflow:hidden;';
+        }
+        return '';
+      }
+    },
+
+    mounted() {
+      if (this.time) {
+        this.$_hide(this.time)
+      }
+    },
+
+    methods: {
+      /**
+       * 定时关闭通知栏
+       */
+      $_hide(time) {
+        setTimeout(() => {
+          this.isShow = false
+        }, time)
+      },
+      /**
+       * 右侧图标点击事件
+       */
+      $_mode(e) {
+        if (this.mode === 'close') {
+          this.isShow = false;
+          this.$emit('close', e)
+        }
+        if (this.mode === 'link') {
+          this.$emit('link', e)
+        }
+      },
+      /**
+       * 通知栏文字点击
+       */
+      $_click(e) {
+        this.$emit('click', e)
+      }
+    },
+  }
+</script>
+
+<style lang="scss">
+  /**
+   * 通知栏属性样式变量
+   */
+  $cmd-notice-bar-fill:rgba(89, 158, 248, .08);
+  $cmd-notice-bar-font-size:26upx;
+  $cmd-notice-bar-color:#2F86F6;
+  $cmd-notice-bar-zindex:1301;
+  $cmd-notice-bar-border-radius:32upx;
+  $cmd-notice-bar-fill-warning:#FFEEEF;
+  $cmd-notice-bar-color-warning:#FF5B60;
+  $cmd-notice-bar-fill-activity:#FFEDDE;
+  $cmd-notice-bar-color-activity:#FF843D;
+
+  .cmd-notice-bar {
+    display: flex;
+    z-index: $cmd-notice-bar-zindex;
+    font-size: $cmd-notice-bar-font-size;
+    min-height: 64upx;
+    background-color: $cmd-notice-bar-fill;
+    color: $cmd-notice-bar-color;
+    position: relative;
+    padding-left: 32upx;
+    box-sizing: border-box;
+
+    &.cmd-notice-bar-round {
+      border-radius: $cmd-notice-bar-border-radius;
+    }
+
+    &.activity {
+      background-color: $cmd-notice-bar-fill-activity;
+      color: $cmd-notice-bar-color-activity;
+    }
+
+    &.warning {
+      background-color: $cmd-notice-bar-fill-warning;
+      color: $cmd-notice-bar-color-warning;
+    }
+  }
+
+  .cmd-notice-bar-left,
+  .cmd-notice-bar-right {
+    display: flex;
+    align-items: center;
+  }
+
+  .cmd-notice-bar-left {
+    padding-right: 12upx;
+  }
+
+  .cmd-notice-bar-right {
+    padding-right: 32upx;
+  }
+
+  .cmd-notice-bar-content {
+    flex: 1;
+    margin: auto;
+    width: auto;
+    line-height: 64upx;
+    white-space: nowrap;
+    overflow: hidden;
+
+    &.cmd-notice-bar-multi-content {
+      padding: 20upx 32upx 20upx 0;
+      line-height: 36upx;
+      white-space: normal;
+    }
+
+    .cmd-notice-bar-content-animate {
+      padding-left: 100%;
+      display: inline-block;
+      animation: cmd-notice-bar-animation linear 16s infinite both;
+    }
+  }
+
+  @keyframes cmd-notice-bar-animation {
+    0% {
+      transform: translate3d(0, 0, 0);
+    }
+
+    100% {
+      transform: translate3d(-100%, 0, 0);
+    }
+  }
+</style>

components/cmd-notice-bar/readme.md

+### NoticeBar 通知栏
+
+通知栏组件，组件名：``cmd-notice-bar``，代码块： cmdNoticeBar。
+
+**使用方式：**
+
+在 ``script`` 中引用组件 
+
+```javascript
+import cmdNoticeBar from "@/components/cmd-notice-bar/cmd-notice-bar.vue"
+export default {
+    components: {cmdNoticeBar}
+}
+```
+
+单行多行
+
+```html
+<cmd-notice-bar text="为了确保您的资金安全，请设置支付密码"></cmd-notice-bar>
+<cmd-notice-bar rows text="为了确保您的资金安全，请设置支付密码。为了确保您的资金安全，请设置支付密码。为了确保您的资金安全，请设置支付密码."></cmd-notice-bar>
+```
+
+文字滚动
+
+```html
+<cmd-notice-bar scrollable text="为了确保您的资金安全，请设置支付密码。为了确保您的资金安全，请设置支付密码。为了确保您的资金安全，请设置支付密码."></cmd-notice-bar>   
+```
+
+显示图标、情景色、圆角
+
+```html
+<cmd-notice-bar text="为了确保您的资金安全，请设置支付密码" type="activity" icon="alert-circle"></cmd-notice-bar>
+<cmd-notice-bar text="为了确保您的资金安全，请设置支付密码" type="warning" mode="link"></cmd-notice-bar>
+<cmd-notice-bar text="为了确保您的资金安全，请设置支付密码" :round="true" mode="closable"></cmd-notice-bar>
+```
+
+自动关闭
+
+```html
+<cmd-notice-bar :time="5000" icon="alert-circle" scrollable text="为了确保您的资金安全，请设置支付密码。为了确保您的资金安全，请设置支付密码。为了确保您的资金安全，请设置支付密码."></cmd-notice-bar>
+```
+
+**属性说明：**
+
+|属性名		|类型	|默认值	|说明											|
+|---		|----	|---	|---											|
+|text		|String	|-		|显示文字										|
+|mode		|String	|-		|右侧提示类型 close/link						|
+|type		|String	|default|情景类型 default/activity/warning				|
+|time		|String	|Number	|显示时长 单位为ms，不需要自动消失可将其置为0	|
+|round		|Boolean|false	|圆角显示										|
+|rows		|Boolean|false	|多行文本显示									|
+|scrollable	|Boolean|false	|是否滚动，为true时，NoticeBar为单行			|
+|icon		|String	|-		|左侧状态图标									|
+|make		|Object	|-		|通知栏自定义样式								|
+
+**事件说明：**
+
+|事件名称	|说明					|
+|---		|---					|
+|click		|点击 通知文本 触发事件	|
+|close		|点击 关闭x 触发事件	|
+|link		|点击 更多> 触发事件	|

components/loadEnd/loadEnd.vue

+<template name='load-end'>
+	<view>
+		<view class="loadEnd">- 大家都有底线 -</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'load-end',
+		data() {
+			return {
+
+			};
+		}
+	}
+</script>
+
+<style lang="scss">
+	.loadEnd {
+		text-align: center;
+		padding-bottom: 20upx;
+		color: $gray;
+	}
+</style>

components/noData/noData.vue

+<template>
+	<view class="nodata">
+		<image src="/static/images/img/img_nodata.png" mode=""></image>
+		<block v-if="showBtn">
+			<view class="font-sm">没有获取到菜单 请前往登录开启更多便捷使用 ~</view>
+			<button @click="login()" class="main-btn login-btn">去登录</button>
+		</block>
+		<block v-else>
+			<view class="font-sm">这里没有信息哦</view>
+		</block>
+	</view>
+</template>
+
+<script>
+	export default {
+		props: {
+			showBtn: {
+				type: Boolean,
+				default: false
+			},
+		},
+		methods: {
+			login() {
+				// uni.clearStorage();
+				uni.removeStorage('token');
+				uni.navigateTo({
+					url: '../login/login'
+				})
+			}
+		}
+	}
+</script>
+
+<style>
+</style>

components/notice/notive.vue

+<template>
+	<view class="notice">
+		<view class="marquee-block">
+			<view class="icon"><text class="icon-tongzhi2 font_family"></text></view>
+			<view class="notice-content">{{content}}</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default{
+		props:{
+			content:String
+		}
+	}
+</script>
+
+<style>
+	.icon {
+		position: absolute;
+		left: 0;
+		background-color: #fce9aa;
+		z-index: 9;
+	}
+
+	.notice {
+		height: 30px;
+		line-height: 30px;
+		background-color: #fce9aa;
+		color: #947334;
+		position: relative;
+		overflow: hidden;
+		text-align: center;
+		width: 100%;
+		padding-right: 20px;
+		z-index: 100;
+	}
+
+	.marquee-block {
+		display: inline-block;
+		width: 100%;
+		height: 100%;
+		vertical-align: middle;
+		overflow: hidden;
+		box-sizing: border-box;
+		padding-left: 15px;
+		position: relative;
+	}
+
+	.notice-content {
+		animation: marquee 10s linear infinite;
+		white-space: nowrap;
+		position: absolute;
+	}
+
+	.marqueeT {
+		animation: marqueeT 20s linear infinite;
+		white-space: nowrap;
+		position: absolute;
+	}
+
+	@keyframes marquee {
+		0% {
+			left: 0;
+		}
+
+		100% {
+			left: -100%;
+		}
+	}
+
+	@keyframes marqueeT {
+		0% {
+			left: 100%;
+		}
+
+		100% {
+			left: 0;
+		}
+	}
+</style>

components/page-nav/page-nav.vue

+<template>
+	<view class="nav-wrap">
+		<view class="nav-title">
+			<image class="logo" src="https://cdn.uviewui.com/uview/common/logo.png" mode="widthFix"></image>
+			<view class="nav-info">
+				<view class="nav-title__text">
+					{{$t('common.title')}}
+				</view>
+				<view class="nav-slogan">
+					 {{$t('common.intro')}}
+				</view>
+			</view>
+		</view>
+		<view class="nav-desc">
+			{{desc}}
+		</view>
+		<view class="lang" @tap="switchLang">
+			<u-icon size="46" color="warning" :name="lang"></u-icon>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		props: {
+			desc: String,
+			title: String,
+		},
+		computed: {
+			lang() {
+				return this.$i18n.locale == 'zh' ? 'zh' : 'en';
+			}
+		},
+		methods: {
+			switchLang() {
+				this.$i18n.locale = this.$i18n.locale == 'en' ? 'zh' : 'en';
+				this.vuex_tabbar[0].text = this.$t('nav.components')
+				this.vuex_tabbar[1].text = this.$t('nav.js')
+				this.vuex_tabbar[2].text = this.$t('nav.template')
+				uni.setNavigationBarTitle({
+					title: this.$t(this.title)
+				});
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.nav-wrap {
+		padding: 15px;
+		position: relative;
+	}
+	
+	.lang {
+		position: absolute;
+		top: 15px;
+		right: 15px;
+	}
+	
+	.nav-title {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+	}
+	
+	.nav-info {
+		margin-left: 15px;
+	}
+	
+	.nav-title__text {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		color: $u-main-color;
+		font-size: 25px;
+		font-weight: bold;
+	}
+	
+	.logo {
+		width: 70px;
+		/* #ifndef APP-NVUE */
+		height: auto;
+		/* #endif */
+	}
+	
+	.nav-slogan {
+		color: $u-tips-color;
+		font-size: 14px;
+	}
+	
+	.nav-desc {
+		margin-top: 10px;
+		font-size: 14px;
+		color: $u-content-color;
+	}
+</style>

components/searchInput/searchInput.vue

+<template>
+  <view class="page">
+    <view class="tool-bar box-shadow">
+      <view class="search-bar">
+        <input
+          type="text"
+          :placeholder="placeholder"
+          @input="getWords($event)"
+        /><text class="icon-sousuo-2-3 font_family"></text>
+      </view>
+      <view class="filter-bar" v-if="showFilter">
+        <view class="filter-box">
+          <picker mode="date" style="float: left" @change="chooseDate"
+            >{{ leftText }}
+            <text
+              class="text-main-color"
+              style="margin: 0 15upx 0 35upx"
+              v-if="leftData"
+              >{{ leftData }}</text
+            >
+            <text class="text-main-color" style="margin: 0 15upx 0 35upx" v-else
+              >请选择</text
+            >
+            <text
+              v-if="false"
+              class="icon-qiyezhanghaotubiao-2-08 font_family"
+              style="font-size: 21rpx"
+            ></text
+          ></picker>
+          <text
+            v-if="showleftClose && leftData"
+            @click="dateRemove"
+            class="icon-guanbi font_family"
+          ></text>
+        </view>
+        <view class="filter-box" v-if="showRightFilter">
+          <picker
+            :range="rightDataArr"
+            :range-key="'value'"
+            @change="chooseOther"
+            >{{ rightText
+            }}<text class="text-main-color" style="margin-left: 10upx">{{
+              rightData
+            }}</text
+            ><text class="icon-qiyezhanghaotubiao-2-08 font_family"></text
+          ></picker>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  props: {
+    placeholder: String,
+    showFilter: Boolean,
+    leftText: String,
+    rightText: String,
+    leftData: String,
+    rightData: String,
+    rightDataArr: Array,
+    showRightFilter: {
+      type: Boolean,
+      default: true,
+    },
+    showleftClose: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data() {
+    return {};
+  },
+  methods: {
+    getWords(e) {
+      uni.pageScrollTo({
+        duration: 0,
+        scrollTop: 0,
+      });
+      this.$emit("onChange", e.detail.value);
+    },
+    // 左侧 选择日期
+    chooseDate(e) {
+      this.$emit("dateHandle", e.detail.value);
+    },
+    // 左侧 日期关闭
+    dateRemove() {
+      console.log("aaa");
+      this.$emit("dateRemove");
+    },
+    // 右侧 其他选择
+    chooseOther(e) {
+      this.$emit("otherHandle", e.detail.value);
+    },
+  },
+  watch: {},
+};
+</script>
+
+<style lang="scss">
+.tool-bar {
+  position: fixed;
+  width: 100vw;
+  background-color: $white;
+  top: 0;
+  z-index: 999;
+
+  .search-bar {
+    width: 100%;
+    padding: 20upx;
+    display: flex;
+
+    input {
+      background-color: $panel-active-color;
+      width: calc(100% - 60upx);
+      border-radius: 8upx;
+      padding: 10upx;
+    }
+
+    .font_family {
+      position: absolute;
+      right: 40upx;
+      top: 35upx;
+    }
+  }
+
+  .filter-bar {
+    display: flex;
+    border-top: 1upx solid $panel-active-color;
+    justify-content: space-around;
+    text-align: center;
+    padding: 20upx;
+
+    .filter-box {
+      width: 100%;
+      border-right: 1upx solid $panel-active-color;
+
+      &:last-child {
+        border-right: none;
+      }
+
+      .icon-guanbi {
+        float: right;
+      }
+    }
+  }
+}
+
+.icon-xiala {
+  font-size: 20upx;
+  margin-left: 10upx;
+}
+</style>

components/tab/tab.vue

+<template>
+	<view class="tab box-shadow">
+		<view v-for="(item,index) in tabData" :key="index" :class="item.active ? 'active' : ''" @click="handle(index)">{{item.value}}</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		props: {
+			tabData: Array
+		},
+		methods: {
+			handle(index) {
+				let _tabData = JSON.parse(JSON.stringify(this.tabData));
+				_tabData.forEach(ele => {
+					ele.active = false;
+				})
+				_tabData[index].active = true;
+				this.$emit('tabHandle',_tabData);
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	.tab {
+		width: 100vw;
+		display: flex;
+		justify-content: space-around;
+		align-items: center;
+		text-align: center;
+		position: fixed;
+		top: 0;
+		z-index: 999;
+		background-color: $white;
+
+		view {
+			width: 100%;
+			padding: 30upx;
+		}
+	}
+
+	.active {
+		color: $main-color;
+		border-bottom: 5upx solid $main-color;
+		background-color: $main-opacity-color;
+	}
+</style>

components/u-charts/component.vue

+<template>
+	<canvas v-if="canvasId" :id="canvasId" :canvasId="canvasId" :style="{'width':cWidth*pixelRatio+'px','height':cHeight*pixelRatio+'px', 'transform': 'scale('+(1/pixelRatio)+')','margin-left':-cWidth*(pixelRatio-1)/2+'px','margin-top':-cHeight*(pixelRatio-1)/2+'px'}"
+	 @touchstart="touchStart" @touchmove="touchMove" @touchend="touchEnd" @error="error">
+	</canvas>
+</template>
+
+<script>
+	import uCharts from './u-charts.js';
+	var canvases = {};
+	
+	export default {
+		props: {
+			chartType: {
+				required: true,
+				type: String,
+				default: 'column'
+			},
+			opts: {
+				required: true,
+				type: Object,
+				default () {
+					return null;
+				},
+			},
+			canvasId: {
+				type: String,
+				default: 'u-canvas',
+			},
+			cWidth: {
+				default: 375,
+			},
+			cHeight: {
+				default: 250,
+			},
+			pixelRatio: {
+				type: Number,
+				default: 1,
+			},
+		},
+		mounted() {
+			this.init();
+		},
+		methods: {
+			init() {
+				switch (this.chartType) {
+					case 'column':
+						this.initColumnChart();
+						break;
+					case 'line':
+						this.initLineChart();
+						break;
+					default:
+						break;
+				}
+			},
+			initColumnChart() {
+				canvases[this.canvasId] = new uCharts({
+					$this: this,
+					canvasId: this.canvasId,
+					type: 'column',
+					legend: true,
+					fontSize: 11,
+					background: '#FFFFFF',
+					pixelRatio: this.pixelRatio,
+					animation: true,
+					categories: this.opts.categories,
+					series: this.opts.series,
+					enableScroll: true,
+					xAxis: {
+						disableGrid: true,
+						itemCount: 4,
+						scrollShow: true
+					},
+					yAxis: {
+						//disabled:true
+					},
+					dataLabel: true,
+					width: this.cWidth * this.pixelRatio,
+					height: this.cHeight * this.pixelRatio,
+					extra: {
+						column: {
+							type: 'group',
+						}
+					}
+				});
+			},
+			initLineChart() {
+				canvases[this.canvasId] = new uCharts({
+					$this: this,
+					canvasId: this.canvasId,
+					type: 'line',
+					fontSize: 11,
+					legend: true,
+					dataLabel: false,
+					dataPointShape: true,
+					background: '#FFFFFF',
+					pixelRatio: this.pixelRatio,
+					categories: this.opts.categories,
+					series: this.opts.series,
+					animation: true,
+					enableScroll: true,
+					xAxis: {
+						type: 'grid',
+						gridColor: '#CCCCCC',
+						gridType: 'dash',
+						dashLength: 8,
+						itemCount: 4,
+						scrollShow: true
+					},
+					yAxis: {
+						gridType: 'dash',
+						gridColor: '#CCCCCC',
+						dashLength: 8,
+						splitNumber: 5,
+						min: 10,
+						max: 180,
+						format: (val) => {
+							return val.toFixed(0) + '元'
+						}
+					},
+					width: this.cWidth * this.pixelRatio,
+					height: this.cHeight * this.pixelRatio,
+					extra: {
+						line: {
+							type: 'straight'
+						}
+					}
+				});
+			},
+			// 这里仅作为示例传入两个参数，cid为canvas-id,newdata为更新的数据，需要更多参数请自行修改
+			changeData(cid,newdata) {
+				canvases[cid].updateData({
+					series: newdata.series,
+					categories: newdata.categories
+				});
+			},
+			touchStart(e) {
+				canvases[this.canvasId].showToolTip(e, {
+					format: function(item, category) {
+						return category + ' ' + item.name + ':' + item.data
+					}
+				});
+				canvases[this.canvasId].scrollStart(e);
+			},
+			touchMove(e) {
+				canvases[this.canvasId].scroll(e);
+			},
+			touchEnd(e) {
+				canvases[this.canvasId].scrollEnd(e);
+			},
+			error(e) {
+				console.log(e)
+			}
+		},
+	};
+</script>
+
+<style scoped>
+	.charts {
+		width: 100%;
+		height: 100%;
+		flex: 1;
+		background-color: #FFFFFF;
+	}
+</style>

config/index.js

+const env = process.env.NODE_ENV;
+const settings = {};
+settings.baseUrl = {};
+if (env === 'production') {
+	settings.baseUrl.api='';
+	settings.baseUrl.chipUrl = 'https://app.cnjsjd.net/';
+} else {
+	settings.baseUrl.api='';
+	settings.baseUrl.chipUrl = 'https://app.cnjsjd.net/';
+}
+export default settings

main.js

+import Vue from 'vue';
+import App from './App';
+
+import request from '@/static/lib/request';
+Vue.prototype.$request = request;
+
+import chipsRequest from '@/static/lib/chipsRequest/index.js';
+Vue.prototype.$chipsRequest = chipsRequest;
+
+import util from '@/static/lib/util';
+Vue.prototype.$util = util;
+
+// mixin
+import mixin from '@/static/lib/mixins';
+Vue.mixin(mixin);
+
+Vue.prototype.$appid = 'wx6c547b2929592420';
+
+App.mpType = 'app';
+
+Vue.prototype.$baseUrl = '';
+
+import store from '@/store';
+Vue.prototype.$store = store;
+
+
+const app = new Vue({
+	store,
+	...App
+});
+
+app.$mount();

node_modules/vue-i18n/LICENSE

+The MIT License (MIT)
+
+Copyright (c) 2016 kazuya kawaguchi
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.