二维码组件修改

后端开发-许程
1 parent 968580e8
Showing 2 changed files with 7 additions and 8 deletions
components/qr_code/qr_code.wxml
components/qr_code/qr_code.wxss
@@ -2,7 +2,7 @@
 <view class="xc-pop-up"  wx:if="{{q_show}}">
 <!-- <scroll-view scroll-y="false" style="	height: 100%;"> -->
   <view class="xc-obscuration" bindtap='close' catchtouchmove="ture"></view>
-  <view>
+  <view>  
   <view class="xc-qr-frame">
  
     <view class="barqrcode">
@@ -10,7 +10,7 @@
            <canvas  canvas-id="barcode{{item.index}}"  wx:for="{{barcode_canvas}}" />
            <view class="q_code">{{object.val}}</view>
        </view>
-       <view class="qrcode_rim {{is_fw==1?'mt':''}}">
+       <view class="qrcode_rim {{is_fw==0?'mt':'mts'}}">
          <canvas  class="qrcode" canvas-id="qrcode{{item.index}}"  wx:for="{{barcode_canvas}}"  />
          <view class="r-code">{{object.content}}</view>
             <view class="r-code flex" wx:if="{{object.is_quan}}">有效时间：{{object.now}} 至 <view>{{object.validay}}</view></view>
@@ -78,26 +78,24 @@ letter-spacing:6rpx;
 /* 二维码边框*/
 .qrcode_rim {
  width: 550rpx;
-  height:520rpx;
+  height:544rpx;
 display:flex;
 flex-direction:column;
-
 position: absolute;
 left: 74rpx;
-top: 130rpx;
-
  
 }
 .qrcode{
  width:520rpx;
  height:520rpx;
- margin-top:-20rpx 
+ margin-top:-27rpx 
  
  
 }
 .r-code{
   font-size:28rpx;
   padding-left: 25rpx;
+margin-top: -5.5rpx;
  
 }
  
@@ -122,7 +120,8 @@ top: 130rpx;
  
 }
  
-.mt{ margin-top: 70rpx}
+.mt{ margin-top:130rpx}
+.mts{ margin-top:70rpx}
 .flex{
   display: flex;
   justify-content:center;