commit

朱桂飞

2023-03-22 4434c41562f18959967a957f09c795f0c24f3b70

 pages/tabBar/me.vue

@@ -8,7 +8,8 @@
            <view class="modal_bg"></view>

            <view class="modal_main">

               <view class='nav-list margin-top'>

                  <view :class="'nav-li bg-zt' + (index+1)" v-for="(item, index) in inter" :key="index" @click="switchImage(index,item.name)">

                  <view :class="'nav-li bg-zt' + (index+1)" v-for="(item, index) in inter" :key="index"

                     @click="switchImage(index,item.name)">

                     <view class="nav-name">{{item.name}}</view>

                  </view>

               </view>

@@ -16,7 +17,8 @@
         </view>

      </view>

      <!-- 顶部背景 -->

      <view class='UCenter-bg' :style="'background-image: url(' + pic[topBackGroupImageIndex].link + ');margin-top:' + 0 + 'px;'">

      <view class='UCenter-bg'

         :style="'background-image: url(' + pic[topBackGroupImageIndex].link + ');margin-top:' + 0 + 'px;'">

         <view class='space' v-show="spaceShow">

            <view class="stars ">

               <view class="star "></view>

@@ -30,10 +32,10 @@
            <view class='text-center'>

               <view class="cu-avatar2 round xl margin-right-sm shadow-blur-lg bg-img open-data"

                  style="overflow: hidden;">

                  <image src="../../static/logo.png" style="width: 100%; height: 100%;"></image>

                  <image   style="width: 100%; height: 100%;"></image>

               </view>

               <view class="padding text-blue text-xl text-bold">

                  你好，xxx！

                  你好，{{userinfo.realname == null ? '--' : userinfo.realname}}！

               </view>



            </view>

@@ -44,17 +46,17 @@
      <block>

         <view class='padding flex text-center text-grey bg-white shadow-warp-my'>

            <view class='flex flex-sub flex-direction solid-right'>

               <view class="text-xxl text-orange">10</view>

               <view class="text-xxl text-orange">-</view>

               <view class="margin-top-sm">

                    设备总数</view>

            </view>

            <view class='flex flex-sub flex-direction solid-right'>

               <view class="text-xxl text-blue">6</view>

               <view class="text-xxl text-blue">-</view>

               <view class="margin-top-sm">

                 运行设备</view>

            </view>

            <view class='flex flex-sub flex-direction'>

               <view class="text-xxl text-red">1</view>

               <view class="text-xxl text-red">-</view>

               <view class="margin-top-sm">

                  报警次数 </view>

            </view>

@@ -73,7 +75,8 @@
         </view>

         



         <view class="cu-list menu card-menu margin-top-lg margin-bottom-lg shadow-shop bg-white text-black my-radius sm-border">

         <view

            class="cu-list menu card-menu margin-top-lg margin-bottom-lg shadow-shop bg-white text-black my-radius sm-border">



          <view class="cu-item" @tap="showModal" data-target="Modal">
             <view class='content'>
@@ -107,7 +110,7 @@
            </view>



            <view class="cu-item">

               <button class='content cu-btn' open-type="feedback">

               <button class='content cu-btn'>

                  <image src='../../static/me/icon/chucuo.png' class='png' mode='aspectFit'></image>

                  <text class='text-lg margin-sm'>问题反馈</text>

               </button>

@@ -118,10 +121,17 @@
                  <text class='text-lg margin-sm'>关于</text>

               </button>

            </view>

            <view class="cu-item">

               <button class='content cu-btn' @click="exit">

                  <image src='../../static/me/icon/diannao.png' class='png' mode='aspectFit'></image>

                  <text class='text-lg margin-sm'>退出登录</text>

               </button>

            </view>

         </view>



      </block>
		
      <u-modal title="提示" content='确认退出登录吗？' :show="show" @confirm="confirm" @cancel="cancel" ref="uModal"

         showCancelButton></u-modal>

        <view style="height: 110rpx;width: 1rpx;"></view>



   </view>

@@ -132,11 +142,13 @@
   export default {

      data() {

         return {

            show: false,

            // Custom: this.Custom,

            // CustomBar: this.CustomBar,

            spaceShow:true,

            modalName: null,

            picName: '流星之夜',

            userinfo:{},

            pic: [{

               link: 'https://cdn.zhoukaiwen.com/zjx_me_bg1.jpeg',

               name: '春天'

@@ -184,6 +196,12 @@
            }]

         }

      },

      onReady() {
          const userinfo =  uni.getStorageSync('userinfo');
          if(userinfo){
            this.userinfo  = userinfo
         }
      },

      // 分享小程序

      onShareAppMessage(res) {

         return {

@@ -202,17 +220,21 @@
         }

      },

      mounted() {
		
      },

      methods: {
		 
         getGitee(){
            uni.setClipboardData({
                data: 'https://gitee.com/kevin_chou',
                success: function () {
                    console.log('success');
                }
         exit() {

            this.show = true

         },

         confirm() {

            this.show = false
            uni.removeStorageSync('token');
            uni.removeStorageSync('userinfo');
            uni.reLaunch({
               url: '/pages/login/login'
            });
         },

         cancel() {

            this.show = false

         },

         switchImage(index, name) {

            this.topBackGroupImageIndex = index;

@@ -237,7 +259,6 @@
</script>



<style lang="scss" scoped>

	
   .UCenter-bg {

      background: #fff;

      background-size: 100% 100%;

@@ -401,12 +422,14 @@
   .margin-bottom-my {

      margin-bottom: 150rpx;

   }



   .giteeClass{
      margin-top: 30rpx;
      font-size: 34rpx;
      color: #2440B3;
      text-decoration: underline;
   }



   .cu-dialog {

      background: #FFFFFF;

      overflow: visible;

@@ -469,7 +492,7 @@
      border-radius: 12upx;

      width: 45%;

      margin: 0 2.5% 40upx;

      background-image: url(../../static/me/NyU04x.png);

      //background-image: url(../../static/me/NyU04x.png);

      background-size: cover;

      background-position: center;

      position: relative;

@@ -639,6 +662,4 @@
         -moz-transform: scale(1) rotate(0) translate3d(-300rpx, 300rpx, 0);

      }

   }

 
 
</style>