Browse Source

动态二维码样式调整

seimin 3 years ago
parent
commit
83d015a472
1 changed files with 6 additions and 2 deletions
  1. 6 2
      components/seiminModel/seiminModel.vue

+ 6 - 2
components/seiminModel/seiminModel.vue

@@ -19,7 +19,7 @@
19
       </view>
19
       </view>
20
       <!-- 动态二维码 -->
20
       <!-- 动态二维码 -->
21
       <view class="seiminModel_content qrcode" v-if="opts.skin === 'qrcode'">
21
       <view class="seiminModel_content qrcode" v-if="opts.skin === 'qrcode'">
22
-        <image class="w100" :src="nurseCodeImg" mode="widthFix"></image>
22
+        <image class="w100 qrcode_img" :src="nurseCodeImg" mode="widthFix"></image>
23
         <view class="qrcode_operate">
23
         <view class="qrcode_operate">
24
           <view class="refreshQRCode" @click="showNurseCode"> 刷新 </view>
24
           <view class="refreshQRCode" @click="showNurseCode"> 刷新 </view>
25
           <view>{{ refreshQRCodeTime }}s</view>
25
           <view>{{ refreshQRCodeTime }}s</view>
@@ -294,9 +294,9 @@
294
           flex: 1;
294
           flex: 1;
295
           background-color: #f9fafb;
295
           background-color: #f9fafb;
296
           margin: 0 36rpx 25rpx;
296
           margin: 0 36rpx 25rpx;
297
-          @include border;
298
           color: #333;
297
           color: #333;
299
           padding: 76rpx 24rpx;
298
           padding: 76rpx 24rpx;
299
+          @include border;
300
           @include numbersAndLettersNoWrap;
300
           @include numbersAndLettersNoWrap;
301
 
301
 
302
           // 动态二维码
302
           // 动态二维码
@@ -305,6 +305,10 @@
305
             font-size: 32rpx;
305
             font-size: 32rpx;
306
             color: #999;
306
             color: #999;
307
 
307
 
308
+            .qrcode_img {
309
+              height: 464rpx;
310
+            }
311
+
308
             .qrcode_operate {
312
             .qrcode_operate {
309
               @include flex(space-between, center);
313
               @include flex(space-between, center);
310
 
314