소스 검색

样式优化

wkw 2 주 전
부모
커밋
08d452929c

+ 1 - 1
components/Countdown/Countdown.wxss

@@ -12,7 +12,7 @@
 .item-ri{
   flex: 1;
   height: 160rpx;
-  background: #00DAFF;
+  background: #DD2E28;
   border-radius: 8rpx;
   position: relative;
 }

+ 11 - 8
pages/couponDetail/couponDetail.wxml

@@ -25,15 +25,18 @@
       <view class="code-yhx-text">{{couponInfo.verify_status_text}}</view>
       <view class="barcode-yhx" wx:if="{{couponInfo.verify_time}}">{{couponInfo.verify_time || ''}}核销</view>
     </view>
-    <view class="store-box" bindtap="goPage">
-      <view class="box-lf">
-        <image class="store-img" src="/static/image/md.png" mode="aspectFit"/>
-        <view>门店导航</view>
-      </view>
-      <view class="box-ri">
-        <view>去查看{{couponInfo.stores}}家</view>
-        <image class="arrow-right" src="/static/image/arrow-right.png" mode="aspectFit"/>
+    <view style="margin-bottom: 74rpx;" bindtap="goPage">
+      <view class="store-box">
+        <view class="box-lf">
+          <image class="store-img" src="/static/image/md.png" mode="aspectFit"/>
+          <view>门店导航</view>
+        </view>
+        <view class="box-ri">
+          <view>去查看{{couponInfo.stores}}家</view>
+          <image class="arrow-right" src="/static/image/arrow-right.png" mode="aspectFit"/>
+        </view>
       </view>
+      <view class="hint">(提示请前往优惠券对应的品牌门店消费)</view>
     </view>
     <view class="explanation">
       <image class="store-img" src="/static/image/sm.png" mode="aspectFit"/>

+ 8 - 1
pages/couponDetail/couponDetail.wxss

@@ -48,7 +48,7 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  margin-bottom: 74rpx;
+  
 }
 .box-lf,.box-ri{
   display: flex;
@@ -60,6 +60,13 @@
   color: #000000;
   line-height: 40rpx;
 }
+.hint{
+  font-size: 22rpx;
+  color: #000000;
+  font-weight: 400;
+  margin-left: 54rpx;
+  margin-top: 10rpx;
+}
 .box-ri{
   font-weight: 400;
   font-size: 26rpx;

+ 6 - 5
pages/index/index.js

@@ -28,11 +28,12 @@ Page({
     this.updateData(res.data);
   },
   onShow() {
-    if(!app.globalData.programConfig){
-      this.getminiProgramConfig();
-    }else{
-      this.updateData(app.globalData.programConfig);
-    }
+    // if(!app.globalData.programConfig){
+    //   this.getminiProgramConfig();
+    // }else{
+    //   this.updateData(app.globalData.programConfig);
+    // }
+    this.getminiProgramConfig();
     if (typeof this.getTabBar === 'function' && this.getTabBar()) {
       this.getTabBar().setData({
         selected: 0

+ 1 - 1
pages/index/index.wxml

@@ -53,7 +53,7 @@
             <button wx:if="{{!loggedIn}}" class="cover-btn" open-type="getPhoneNumber" bindgetphonenumber="onGetPhoneNumber" data-action="invite"></button>
           </view>
         </view>
-        <view class="ad-img" bindtap="goRegister" data-action="register">
+        <view class="ad-img-style" bindtap="goRegister" data-action="register">
           <image class="ad-img" wx:if="{{ad_img}}" src="{{ad_img}}" mode="widthFix"/>
           <button wx:if="{{!loggedIn}}" class="cover-btn-ad" open-type="getPhoneNumber"      bindgetphonenumber="onGetPhoneNumber" data-action="register"></button>
         </view>

+ 16 - 5
pages/index/index.wxss

@@ -40,7 +40,7 @@
 }
 .rules-item{
   font-weight: 400;
-  font-size: 24rpx;
+  font-size: 26rpx;
   color: #000000;
   display: flex;
   align-items: center;
@@ -73,22 +73,33 @@
   height: 34rpx;
   position: absolute;
   top: 50%;
-  left: 36rpx;
-  transform: translateY(-50%);
+  left: 38%;
+  transform: translate(-50%,-50%);
 }
 .share-box{
   height: 438rpx;
   background: #FFFFFF;
   border-radius: 68rpx 68rpx 0rpx 0rpx;
 }
-.ad-img{
+.ad-img-style{
   width: 100%;
   position: relative;
+  background-color: #FEF6E2;
+  /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); */
+  /* border-radius: 28rpx; */
+}
+.ad-img{
+  width: 90%;
+  margin: 0 auto;
+  position: relative;
+  display: block;
+  padding: 32rpx 0;
 }
 .countdown{
   margin: 20rpx 0 30rpx;
   text-align: center;
-  font-size: 26rpx;
+  font-size: 28rpx;
+  font-weight: 600;
 }
 .cover-btn {
   position: absolute;

+ 5 - 0
pages/store/store.wxss

@@ -3,12 +3,17 @@
   margin: 34rpx 0;
   flex: 1;
   overflow: auto;
+  background: url('https://a.bianyifang.com/static/image/baohua4.png') no-repeat;
+  background-size: 100% 100%;
 }
 .list-card{
   display: flex;
   align-items: center;
   height: 160rpx;
   margin: 0 32rpx 48rpx;
+  background-color:rgba(255, 255, 255, 0.8);
+  border-radius: 20rpx;
+  padding: 32rpx 16rpx;
 }
 .no-margin{
   margin-bottom: 0;

BIN
static/image/time1.png


BIN
static/image/whx.png


BIN
static/image/yhx.png