@10yun/cv-mobile-ui 0.3.24 → 0.3.26

package/ui-cv/cv-update-app/cv-update-app.vue

@@ -1,23 +1,28 @@
 <template>
   <view class="update-app-area" v-if="update">
-    <view class="update-app-main" v-bind:style="'top:'+layer_top+'px;opacity:'+layer_opacity+';'">
-      <image src="http://zhsh-package.oss-cn-hangzhou.aliyuncs.com/images/net.zhsh.waimai/update_bg_top.png"
-        v-bind:style="'height:'+bg_top_height+'px;'" @load="imageLoad" mode="aspectFit" class="update-app-bg" />
+    <view class="update-app-main" v-bind:style="'top:' + layer_top + 'px;opacity:' + layer_opacity + ';'">
+      <image
+        src="http://zhsh-package.oss-cn-hangzhou.aliyuncs.com/images/net.zhsh.waimai/update_bg_top.png"
+        v-bind:style="'height:' + bg_top_height + 'px;'"
+        @load="imageLoad"
+        mode="aspectFit"
+        class="update-app-bg"
+      />
       <view class="update-app-close" @tap="updateAppClose"></view>
       <view class="update-app-h1">发现新版本</view>
       <view class="update-app-version-code">
         <view class="update-app-version-code-bg"></view>
-        <view class="update-app-version-code-main">{{new_version.version_name}}</view>
+        <view class="update-app-version-code-main">{{ new_version.version_name }}</view>
       </view>
       <view class="update-app-version-msg">
-        <text>{{new_version.version_update_msg||"优化一些用户体验"}}</text>
+        <text>{{ new_version.version_update_msg || '优化一些用户体验' }}</text>
       </view>
       <view class="update-app-bottom">
-        <view class="update-app-button-area" v-bind:style="'background-color:'+button_area_bg_color+';'">
-          <view class="update-app-button-speed" :style="'width:'+speed+'%;'"></view>
+        <view class="update-app-button-area" v-bind:style="'background-color:' + button_area_bg_color + ';'">
+          <view class="update-app-button-speed" :style="'width:' + speed + '%;'"></view>
           <view class="update-app-button-text" @tap="android_update">
-            {{button_text}}
-            {{status=='down'?'('+speed+' %)':''}}
+            {{ button_text }}
+            {{ status == 'down' ? '(' + speed + ' %)' : '' }}
           </view>
         </view>
       </view>
@@ -27,7 +32,7 @@
 
 <script>
 export default {
-  name: "cvUpdateApp",
+  name: 'cvUpdateApp',
   props: {
     check: {
       type: Boolean,
@@ -53,7 +58,6 @@ export default {
   watch: {
     check() {
       if (this.check) {
-
         // #ifdef APP-PLUS
         // 检测升级
         this.app_update();
@@ -63,24 +67,22 @@ export default {
     status() {
       switch (this.status) {
         case 'wait':
-
           break;
         case 'down':
-          this.button_text = '正在下载'
-          this.button_area_bg_color = 'rgba(47,146,215,0.3)'
+          this.button_text = '正在下载';
+          this.button_area_bg_color = 'rgba(47,146,215,0.3)';
           break;
         case 'over':
-          this.button_text = '立即安装'
+          this.button_text = '立即安装';
           break;
       }
     },
-    button_text() {
-    },
+    button_text() {},
     update() {
       if (this.update) {
-        this.openPlusMask()
+        this.openPlusMask();
       } else {
-        this.closePlusMask()
+        this.closePlusMask();
       }
     }
   },
@@ -92,19 +94,19 @@ export default {
       new_version: {},
       bg_top_height: 0,
       window_width: 0,
-      speed: 0,//app下载进度
-      progress: 0,//实际下载进度
+      speed: 0, //app下载进度
+      progress: 0, //实际下载进度
       speedTimer: 0,
-      status: 'wait',//wait:待更新，down:正在下载，over:下载完成
+      status: 'wait', //wait:待更新，down:正在下载，over:下载完成
       button_text: '立即更新',
       layer_top: 100,
-      button_area_bg_color: 'rgba(47,146,215,1)',//按钮区背景
-      package_temp_path: '',//安装包缓存地址
+      button_area_bg_color: 'rgba(47,146,215,1)', //按钮区背景
+      package_temp_path: '', //安装包缓存地址
       net_work_type: '',
       net_work_wifi: true,
       plus_mask: {
         top: '',
-        bottom: '',
+        bottom: ''
       }
     };
   },
@@ -114,7 +116,6 @@ export default {
     }
 
     if (this.check) {
-
       // #ifdef APP-PLUS
       // 检测升级
       this.app_update();
@@ -129,15 +130,15 @@ export default {
     /* 计算顶部背景图高度 */
     initBgTopWidth() {
       const res = uni.getSystemInfoSync();
-      this.window_width = res.windowWidth
+      this.window_width = res.windowWidth;
       uni.getImageInfo({
         src: this.bg_top_img,
         success: (image) => {
-          this.bg_top_height = (this.window_width * 0.8) / image.width * image.height
+          this.bg_top_height = ((this.window_width * 0.8) / image.width) * image.height;
           setTimeout(() => {
             this.layer_opacity = 1;
             this.initLayer();
-          }, 500)
+          }, 500);
         }
       });
     },
@@ -145,10 +146,14 @@ export default {
     initLayer() {
       const res = uni.getSystemInfoSync();
       let window_height = res.windowHeight;
-      uni.createSelectorQuery().in(this).select('.update-app-main').boundingClientRect((data) => {
-        this.layer_top = (window_height - data.height) / 2;
-
-      }).exec();
+      uni
+        .createSelectorQuery()
+        .in(this)
+        .select('.update-app-main')
+        .boundingClientRect((data) => {
+          this.layer_top = (window_height - data.height) / 2;
+        })
+        .exec();
     },
     app_update() {
       switch (uni.getSystemInfoSync().platform) {
@@ -156,19 +161,19 @@ export default {
           break;
         case 'android':
           this.check_android_version();
-          break
+          break;
       }
     },
     /* 检测android版本 */
     check_android_version() {
       if (!this.flagGet) {
-        plus.nativeUI.toast("请设置flagGet属性");
+        plus.nativeUI.toast('请设置flagGet属性');
         return;
       }
-      const version_code = plus.runtime.versionCode
-      let flagGetParam = { ...this.flagGetParam }
-      flagGetParam.current_version_code = version_code
-      flagGetParam.version_os = 'android'
+      const version_code = plus.runtime.versionCode;
+      let flagGetParam = { ...this.flagGetParam };
+      flagGetParam.current_version_code = version_code;
+      flagGetParam.version_os = 'android';
       this.$request.flagGet(this.flagGet, flagGetParam).then((result) => {
         let new_version = {};
         if (result.data) {
@@ -177,22 +182,22 @@ export default {
           if (new_version.version_code > version_code && new_version.version_download_url) {
             this.update = true;
           }
-          this.$emit('version', new_version)
+          this.$emit('version', new_version);
         } else {
-          this.$emit('version', '')
+          this.$emit('version', '');
         }
       });
     },
     android_update() {
       switch (this.status) {
-        case 'wait'://'立即更新' ,点击即下载
+        case 'wait': //'立即更新' ,点击即下载
           this.checkNetWork();
           break;
-        case 'not_wifi'://'立即更新' ,点击即下载
+        case 'not_wifi': //'立即更新' ,点击即下载
           this.android_apk_down();
           break;
         case 'down':
-          plus.nativeUI.toast("下载中，请耐心等待...");
+          plus.nativeUI.toast('下载中，请耐心等待...');
           break;
         case 'over':
           this.install_apk();
@@ -200,18 +205,18 @@ export default {
       }
     },
     checkNetWork() {
-      console.log('checkNetWork')
+      console.log('checkNetWork');
       uni.getNetworkType({
         success: (res) => {
           if (res.networkType == 'wifi') {
             this.android_apk_down();
             return;
           }
-          plus.nativeUI.toast("当前网络环境是" + res.networkType + '，下载流量费用由运营商收取');
+          plus.nativeUI.toast('当前网络环境是' + res.networkType + '，下载流量费用由运营商收取');
           this.status = 'not_wifi';
           this.button_text = '使用数据流量下载';
         }
-      })
+      });
     },
     android_apk_down() {
       this.status = 'down';
@@ -239,7 +244,7 @@ export default {
     android_apk_down_fail() {
       this.status = 'wait';
       this.button_text = '下载失败，请重试...';
-      this.button_area_bg_color = 'rgba(255,0,0,1)';//按钮区背景
+      this.button_area_bg_color = 'rgba(255,0,0,1)'; //按钮区背景
       this.speed = 0;
     },
     install_apk() {
@@ -255,21 +260,31 @@ export default {
       this.update = false;
     },
     openPlusMask() {
-
       const system_info = this.system_info || uni.getSystemInfoSync();
       console.log(system_info);
       let plus_mask = this.plus_mask || {};
 
       if (this.maskTop == true) {
-        plus_mask.top = new plus.nativeObj.View('top', { top: '0px', left: '0px', height: (system_info.statusBarHeight + 45) + 'px', width: '100%', backgroundColor: 'rgba(0, 0, 0, 0.2)' });
+        plus_mask.top = new plus.nativeObj.View('top', {
+          top: '0px',
+          left: '0px',
+          height: system_info.statusBarHeight + 45 + 'px',
+          width: '100%',
+          backgroundColor: 'rgba(0, 0, 0, 0.2)'
+        });
         plus_mask.top.show();
       }
       if (this.maskBottom == true) {
-        plus_mask.bottom = new plus.nativeObj.View('bottom', { bottom: '0px', left: '0px', height: '50px', width: '100%', backgroundColor: 'rgba(0, 0, 0, 0.2)' });
+        plus_mask.bottom = new plus.nativeObj.View('bottom', {
+          bottom: '0px',
+          left: '0px',
+          height: '50px',
+          width: '100%',
+          backgroundColor: 'rgba(0, 0, 0, 0.2)'
+        });
         plus_mask.bottom.show();
       }
-    }
-    ,
+    },
     closePlusMask() {
       if (this.maskTop == true) {
         this.plus_mask.top.close();

package/ui-cv/cv-upload-avatar/cv-upload-avatar.vue

@@ -1,28 +1,28 @@
 <template>
   <view class="cv-upload-avatar" @tap="choImage">
-    <view class="cv-upload-avatar-left">{{label}}</view>
+    <view class="cv-upload-avatar-left">{{ label }}</view>
     <view class="cv-upload-avatar-right">
-      <image class="cv-upload-avatar-image" :src=" localSrc " mode="aspectFill" @tap.stop="bigImage" :data-src="localSrc"></image>
+      <image class="cv-upload-avatar-image" :src="localSrc" mode="aspectFill" @tap.stop="bigImage" :data-src="localSrc"></image>
     </view>
   </view>
 </template>
 <script>
 export default {
-  name: "cvUploadAvatar",
+  name: 'cvUploadAvatar',
   props: {
     label: {
       type: String,
-      default: "当前头像"
+      default: '当前头像'
     },
     // 占位符
     placeholder: {
       type: String,
-      default: "请输入"
+      default: '请输入'
     },
     //默认输入框
     value: {
       type: [Number, String],
-      default: ""
+      default: ''
     },
     maxlength: {
       type: [Number, String],
@@ -34,17 +34,17 @@ export default {
     },
     layout: {
       type: String,
-      default: "row"
+      default: 'row'
     },
     src: {
       type: String,
-      default: "",
+      default: ''
     }
   },
   data() {
     return {
       localVal: this.value,
-      localSrc: this.src,
+      localSrc: this.src
     };
   },
   watch: {
@@ -53,7 +53,7 @@ export default {
     },
     src(newVal) {
       this.localSrc = newVal;
-    },
+    }
   },
   methods: {
     bigImage(src) {
@@ -75,28 +75,30 @@ export default {
       });
     },
     uploadAvatar: function (tempFilePaths) {
-      this.$request.flagUpImg('UC_PERSONAL_AVATAR', {
-        filePath: tempFilePaths,
-        name: 'xcx_pper_avatar',
-        formData: {
-          postType: 'update',
-          file_name: 'xcx_pper_avatar'
-        }
-      }).then((resData) => {
-        if (resData.status == 200) {
-          uni.showToast({
-            title: '修改成功',
-            icon: 'success,',
-            duration: 1500
-          });
-          this.localVal = resData.save_url;
-          this.localSrc = resData.img_cdn;
-          this.$emit('input', this.localVal);
-        }
-      });
+      this.$request
+        .flagUpImg('UC_PERSONAL_AVATAR', {
+          filePath: tempFilePaths,
+          name: 'xcx_pper_avatar',
+          formData: {
+            postType: 'update',
+            file_name: 'xcx_pper_avatar'
+          }
+        })
+        .then((resData) => {
+          if (resData.status == 200) {
+            uni.showToast({
+              title: '修改成功',
+              icon: 'success,',
+              duration: 1500
+            });
+            this.localVal = resData.save_url;
+            this.localSrc = resData.img_cdn;
+            this.$emit('input', this.localVal);
+          }
+        });
     }
   }
-}
+};
 </script>
 <style>
 .cv-upload-avatar {
@@ -127,4 +129,4 @@ export default {
   border-radius: 50%;
   background-color: #99999999;
 }
-</style>
+</style>