适用商品样式

pages/welfareMall/couponFitFood/index.js

@@ -93,7 +93,7 @@ Page({
             foodList.push(v.foodName)
         })
         this.setData({
-            foodListStr: foodList.join("、")
+            foodList: foodList
         })
     }
 })

pages/welfareMall/couponFitFood/index.wxml

@@ -3,13 +3,21 @@
     
     <view class="food_body">
         
-        <view class="coupon_title">{{couponName}}</view>
-
-        <view class="_s_t">指定可用商品：</view>
-        <view class="_pro_list">
-         {{foodListStr}}
+        <view class="card_body">
+            <view class="coupon_title">{{couponName}}</view>
+            <view class="coupon-split">
+                 <view class="coupon-circule _left" ></view>
+                 <view class="coupon-circule _right"></view>
+           </view>
+            <view class="_s_t">指定可用商品：</view>
+            <view class="_pro_list">
+              <view class="_pro_item" wx:for="{{foodList}}" wx:key="index">
+                <text class="_star">◆</text> <text class="_text">{{item}}</text>
+              </view>
+            </view>
         </view>
 
+
     </view>
 
 </page-wrap>

pages/welfareMall/couponFitFood/index.wxss

@@ -2,21 +2,59 @@
 
 .food_body {
     border-top: 10rpx solid #f4f4f4;
+    padding-top: 40rpx;
+}
+
+.card_body {
+    background: #FFF6F5;
+    border-radius: 12rpx;
+    width: 690rpx;
+    margin: auto;
+}
+
+.coupon-split {
+    border-top: 2rpx dashed  #F06255;
+    position: relative;
+}
+.coupon-circule {
+    height: 20rpx;
+    width: 20rpx;
+    background: #fff;
+    border-radius: 50%;
+    position: absolute;
+    top: -12rpx;
+}
+.coupon-circule._left {
+    left: -10rpx;
+}
+.coupon-circule._right {
+    right: -10rpx;
 }
 
 .coupon_title {
-    font-size: 36rpx;
-    padding: 48rpx 0 30rpx 28rpx;
+    font-size: 40rpx;
+    padding: 30rpx 0 30rpx 40rpx;
     font-weight: bold;
-    color: #444;
+    color: #F06255;
 }
 ._s_t {
-    font-size: 28rpx;
+    font-size: 30rpx;
     color: #a0a0a0;
-    padding-left: 28rpx;
+    padding: 50rpx 40rpx 10rpx 40rpx;
 }
 ._pro_list {
-    font-size: 26rpx;
+    font-size: 28rpx;
     color: #444;
-    padding: 10rpx 28rpx;
+    padding: 0 40rpx 50rpx 40rpx;
+}
+
+._pro_item {
+    line-height: 46rpx;
+}
+._pro_item ._star {
+    font-size: 40rpx;
+    vertical-align: middle;
+}
+._pro_item ._text {
+    vertical-align: middle;
 }

pages/welfareMall/couponFitStore/index.wxml

@@ -19,11 +19,17 @@
                      <view class="_store_times flex-row"><image src="../../../images/welfareMall/store_time_ico.png" /> <text>{{item.shopOpenTime}}</text></view>
                 </view>
                 <view class="_right">
-                    <view class="_distance">{{item.distanceStr}}</view>
+                    <!-- 
+                      <view class="_distance">{{item.distanceStr}}</view>
+                    -->
                     <view class="_btns flex-row">
+                        <!--
                         <view class="map_btn">
                            <image src="../../../images/welfareMall/store_map_ico.png" />
                         </view>
+                        -->
+                        <view class="map_btn">
+                        </view>
                         <view class="call_btn" data-phone="{{item.shopPhone}}" catchtap="callPhone">
                             <image src="../../../images/welfareMall/store_call_ico.png" />
                         </view>

pages/welfareMall/couponFitStore/index.wxss

@@ -89,6 +89,8 @@ page {
     font-size: 24rpx;
 }
 .store_item ._right ._btns .map_btn{
+    width: 50rpx;
+    height: 50rpx;
     margin-right: 30rpx;
 }
 .store_item ._right ._btns image {

project.config.json

@@ -1,76 +1,77 @@
 {
-  "description": "项目配置文件",
-  "packOptions": {
-    "ignore": []
-  },
-  "setting": {
-    "urlCheck": false,
-    "es6": true,
-    "enhance": true,
-    "postcss": false,
-    "preloadBackgroundData": false,
-    "minified": false,
-    "newFeature": false,
-    "coverView": true,
-    "nodeModules": false,
-    "autoAudits": false,
-    "showShadowRootInWxmlPanel": true,
-    "scopeDataCheck": false,
-    "uglifyFileName": false,
-    "checkInvalidKey": true,
-    "checkSiteMap": true,
-    "uploadWithSourceMap": true,
-    "compileHotReLoad": false,
-    "lazyloadPlaceholderEnable": false,
-    "useMultiFrameRuntime": true,
-    "useApiHook": true,
-    "useApiHostProcess": true,
-    "babelSetting": {
-      "ignore": [],
-      "disablePlugins": [],
-      "outputPath": ""
+    "description": "项目配置文件",
+    "packOptions": {
+        "ignore": []
     },
-    "useIsolateContext": true,
-    "userConfirmedBundleSwitch": false,
-    "packNpmManually": false,
-    "packNpmRelationList": [],
-    "minifyWXSS": false,
-    "disableUseStrict": false,
-    "minifyWXML": false,
-    "showES6CompileOption": false,
-    "useCompilerPlugins": false
-  },
-  "compileType": "miniprogram",
-  "libVersion": "2.21.4",
-  "appid": "wxcc1cdb8babd3f62c",
-  "projectname": "%E9%A3%9E%E7%A0%81",
-  "debugOptions": {
-    "hidedInDevtools": []
-  },
-  "scripts": {},
-  "staticServerOptions": {
-    "baseURL": "",
-    "servePath": ""
-  },
-  "isGameTourist": false,
-  "condition": {
-    "search": {
-      "list": []
+    "setting": {
+        "urlCheck": false,
+        "es6": true,
+        "enhance": true,
+        "postcss": false,
+        "preloadBackgroundData": false,
+        "minified": false,
+        "newFeature": false,
+        "coverView": true,
+        "nodeModules": false,
+        "autoAudits": false,
+        "showShadowRootInWxmlPanel": true,
+        "scopeDataCheck": false,
+        "uglifyFileName": false,
+        "checkInvalidKey": true,
+        "checkSiteMap": true,
+        "uploadWithSourceMap": true,
+        "compileHotReLoad": false,
+        "lazyloadPlaceholderEnable": false,
+        "useMultiFrameRuntime": true,
+        "useApiHook": true,
+        "useApiHostProcess": true,
+        "babelSetting": {
+            "ignore": [],
+            "disablePlugins": [],
+            "outputPath": ""
+        },
+        "enableEngineNative": false,
+        "useIsolateContext": false,
+        "userConfirmedBundleSwitch": false,
+        "packNpmManually": false,
+        "packNpmRelationList": [],
+        "minifyWXSS": false,
+        "disableUseStrict": false,
+        "minifyWXML": false,
+        "showES6CompileOption": false,
+        "useCompilerPlugins": false
     },
-    "conversation": {
-      "list": []
+    "compileType": "miniprogram",
+    "libVersion": "2.21.4",
+    "appid": "wxcc1cdb8babd3f62c",
+    "projectname": "%E9%A3%9E%E7%A0%81",
+    "debugOptions": {
+        "hidedInDevtools": []
     },
-    "game": {
-      "list": []
+    "scripts": {},
+    "staticServerOptions": {
+        "baseURL": "",
+        "servePath": ""
     },
-    "plugin": {
-      "list": []
-    },
-    "gamePlugin": {
-      "list": []
-    },
-    "miniprogram": {
-      "list": []
+    "isGameTourist": false,
+    "condition": {
+        "search": {
+            "list": []
+        },
+        "conversation": {
+            "list": []
+        },
+        "game": {
+            "list": []
+        },
+        "plugin": {
+            "list": []
+        },
+        "gamePlugin": {
+            "list": []
+        },
+        "miniprogram": {
+            "list": []
+        }
     }
-  }
 }

project.private.config.json

@@ -1,198 +1,204 @@
 {
-  "setting": {},
-  "condition": {
-    "plugin": {
-      "list": []
-    },
-    "game": {
-      "list": []
-    },
-    "gamePlugin": {
-      "list": []
-    },
-    "miniprogram": {
-      "list": [
-        {
-          "name": "pages/activityInfo/activityInfo",
-          "pathName": "pages/activityInfo/activityInfo",
-          "query": "id=Bg5740r78w&mobile=18636653274",
-          "scene": null
-        },
-        {
-          "name": "pages/couponReceive/couponReceive",
-          "pathName": "pages/couponReceive/couponReceive",
-          "query": "codeId=JyZmVzKm0D-47",
-          "scene": null
-        },
-        {
-          "name": "pages/myCoupons/myCoupons",
-          "pathName": "pages/myCoupons/myCoupons",
-          "query": "mobile=18636653274",
-          "scene": null
-        },
-        {
-          "name": "pages/receiveCoupon/receiveCoupon",
-          "pathName": "pages/receiveCoupon/receiveCoupon",
-          "query": "",
-          "scene": 1013
-        },
-        {
-          "name": "pages/welfareMall/personal/personal",
-          "pathName": "pages/welfareMall/personal/personal",
-          "query": "",
-          "scene": null
-        },
-        {
-          "name": "pages/welfareMall/historical/historical",
-          "pathName": "pages/welfareMall/historical/historical",
-          "query": "",
-          "scene": null
-        },
-        {
-          "name": "pages/welfareMall/refund/refund",
-          "pathName": "pages/welfareMall/refund/refund",
-          "query": "id=undefined",
-          "scene": null
-        },
-        {
-          "name": "福利go ",
-          "pathName": "pages/welfareMall/index/index",
-          "query": "",
-          "scene": null
-        },
-        {
-          "name": "超值券包",
-          "pathName": "pages/welfareMall/activityList/activityList",
-          "query": "",
-          "scene": null
-        },
-        {
-          "name": "券包详情",
-          "pathName": "pages/welfareMall/activityInfo/activityInfo",
-          "query": "activityId=dl5v9NpmWQ",
-          "scene": null
-        },
-        {
-          "name": "pages/luckDraw/detail",
-          "pathName": "pages/luckDraw/detail",
-          "query": "id=8",
-          "scene": null
-        },
-        {
-          "name": "pages/luckDraw/index",
-          "pathName": "pages/luckDraw/index",
-          "query": "",
-          "scene": null
-        },
-        {
-          "name": "pages/luckDraw/profile",
-          "pathName": "pages/luckDraw/profile",
-          "query": "",
-          "scene": null
-        },
-        {
-          "name": "pages/signIn/activity/activity",
-          "pathName": "pages/signIn/activity/activity",
-          "query": "",
-          "scene": null
-        },
-        {
-          "name": "pages/signIn/record/record",
-          "pathName": "pages/signIn/record/record",
-          "query": "",
-          "scene": null
-        },
-        {
-          "name": "pages/signIn/activity/activity",
-          "pathName": "pages/signIn/activity/activity",
-          "query": "",
-          "scene": null
-        },
-        {
-          "name": "",
-          "pathName": "pages/signIn/activity/activity",
-          "query": "",
-          "scene": null
-        },
-        {
-          "name": "",
-          "pathName": "pages/welfareMall/activityInfo/activityInfo",
-          "query": "activityId=0zVqEyWqDn",
-          "scene": null
-        },
-        {
-          "name": "",
-          "pathName": "pages/welfareMall/order/orderCompletion",
-          "query": "ordersn=640950757739862",
-          "scene": null
-        },
-        {
-          "name": "",
-          "pathName": "pages/welfareMall/order/orderCompletion",
-          "query": "ordersn=640940250652495",
-          "scene": null
-        },
-        {
-          "name": "",
-          "pathName": "pages/welfareMall/order/orderCompletion",
-          "query": "ordersn=640230958639293",
-          "scene": null
-        },
-        {
-          "name": "",
-          "pathName": "pages/welfareMall/coupon/coupon",
-          "query": "",
-          "scene": null
-        },
-        {
-          "name": "",
-          "pathName": "pages/welfareMall/couponFitStore/index",
-          "query": "couponId=1PmexHzevy-1300",
-          "scene": null
-        },
-        {
-          "name": "",
-          "pathName": "pages/welfareMall/couponFitFood/index",
-          "query": "couponId=1PmexHzevy-1300&couponName=9%E6%8A%98%E5%88%B8",
-          "scene": null
-        },
-        {
-          "name": "",
-          "pathName": "pages/signIn/record/record",
-          "query": "",
-          "scene": null
-        },
-        {
-          "name": "",
-          "pathName": "pages/luckDraw/profile",
-          "query": "",
-          "scene": null
-        },
-        {
-          "name": "",
-          "pathName": "pages/welfareMall/feedback/feedback",
-          "query": "",
-          "scene": null
-        },
-        {
-          "name": "",
-          "pathName": "pages/welfareMall/refundInfo/refundInfo",
-          "query": "",
-          "scene": null
-        },
-        {
-          "name": "",
-          "pathName": "pages/welfareMall/buyInfo/buyInfo",
-          "query": "",
-          "scene": null
-        },
-        {
-          "name": "",
-          "pathName": "pages/welfareMall/activityInfo/activityInfo",
-          "query": "activityId=wGxvdw5qLa-132",
-          "scene": null
+    "setting": {},
+    "condition": {
+        "plugin": {
+            "list": []
+        },
+        "game": {
+            "list": []
+        },
+        "gamePlugin": {
+            "list": []
+        },
+        "miniprogram": {
+            "list": [
+                {
+                    "name": "pages/activityInfo/activityInfo",
+                    "pathName": "pages/activityInfo/activityInfo",
+                    "query": "id=Bg5740r78w&mobile=18636653274",
+                    "scene": null
+                },
+                {
+                    "name": "pages/couponReceive/couponReceive",
+                    "pathName": "pages/couponReceive/couponReceive",
+                    "query": "codeId=JyZmVzKm0D-47",
+                    "scene": null
+                },
+                {
+                    "name": "pages/myCoupons/myCoupons",
+                    "pathName": "pages/myCoupons/myCoupons",
+                    "query": "mobile=18636653274",
+                    "scene": null
+                },
+                {
+                    "name": "pages/receiveCoupon/receiveCoupon",
+                    "pathName": "pages/receiveCoupon/receiveCoupon",
+                    "query": "",
+                    "scene": 1013
+                },
+                {
+                    "name": "pages/welfareMall/personal/personal",
+                    "pathName": "pages/welfareMall/personal/personal",
+                    "query": "",
+                    "scene": null
+                },
+                {
+                    "name": "pages/welfareMall/historical/historical",
+                    "pathName": "pages/welfareMall/historical/historical",
+                    "query": "",
+                    "scene": null
+                },
+                {
+                    "name": "pages/welfareMall/refund/refund",
+                    "pathName": "pages/welfareMall/refund/refund",
+                    "query": "id=undefined",
+                    "scene": null
+                },
+                {
+                    "name": "福利go ",
+                    "pathName": "pages/welfareMall/index/index",
+                    "query": "",
+                    "scene": null
+                },
+                {
+                    "name": "超值券包",
+                    "pathName": "pages/welfareMall/activityList/activityList",
+                    "query": "",
+                    "scene": null
+                },
+                {
+                    "name": "券包详情",
+                    "pathName": "pages/welfareMall/activityInfo/activityInfo",
+                    "query": "activityId=dl5v9NpmWQ",
+                    "scene": null
+                },
+                {
+                    "name": "pages/luckDraw/detail",
+                    "pathName": "pages/luckDraw/detail",
+                    "query": "id=8",
+                    "scene": null
+                },
+                {
+                    "name": "pages/luckDraw/index",
+                    "pathName": "pages/luckDraw/index",
+                    "query": "",
+                    "scene": null
+                },
+                {
+                    "name": "pages/luckDraw/profile",
+                    "pathName": "pages/luckDraw/profile",
+                    "query": "",
+                    "scene": null
+                },
+                {
+                    "name": "pages/signIn/activity/activity",
+                    "pathName": "pages/signIn/activity/activity",
+                    "query": "",
+                    "scene": null
+                },
+                {
+                    "name": "pages/signIn/record/record",
+                    "pathName": "pages/signIn/record/record",
+                    "query": "",
+                    "scene": null
+                },
+                {
+                    "name": "pages/signIn/activity/activity",
+                    "pathName": "pages/signIn/activity/activity",
+                    "query": "",
+                    "scene": null
+                },
+                {
+                    "name": "",
+                    "pathName": "pages/signIn/activity/activity",
+                    "query": "",
+                    "scene": null
+                },
+                {
+                    "name": "",
+                    "pathName": "pages/welfareMall/activityInfo/activityInfo",
+                    "query": "activityId=0zVqEyWqDn",
+                    "scene": null
+                },
+                {
+                    "name": "",
+                    "pathName": "pages/welfareMall/order/orderCompletion",
+                    "query": "ordersn=640950757739862",
+                    "scene": null
+                },
+                {
+                    "name": "",
+                    "pathName": "pages/welfareMall/order/orderCompletion",
+                    "query": "ordersn=640940250652495",
+                    "scene": null
+                },
+                {
+                    "name": "",
+                    "pathName": "pages/welfareMall/order/orderCompletion",
+                    "query": "ordersn=640230958639293",
+                    "scene": null
+                },
+                {
+                    "name": "",
+                    "pathName": "pages/welfareMall/coupon/coupon",
+                    "query": "",
+                    "scene": null
+                },
+                {
+                    "name": "",
+                    "pathName": "pages/welfareMall/couponFitStore/index",
+                    "query": "couponId=1PmexHzevy-1300",
+                    "scene": null
+                },
+                {
+                    "name": "",
+                    "pathName": "pages/welfareMall/couponFitFood/index",
+                    "query": "couponId=1PmexHzevy-1300&couponName=9%E6%8A%98%E5%88%B8",
+                    "scene": null
+                },
+                {
+                    "name": "",
+                    "pathName": "pages/signIn/record/record",
+                    "query": "",
+                    "scene": null
+                },
+                {
+                    "name": "",
+                    "pathName": "pages/luckDraw/profile",
+                    "query": "",
+                    "scene": null
+                },
+                {
+                    "name": "",
+                    "pathName": "pages/welfareMall/feedback/feedback",
+                    "query": "",
+                    "scene": null
+                },
+                {
+                    "name": "",
+                    "pathName": "pages/welfareMall/refundInfo/refundInfo",
+                    "query": "",
+                    "scene": null
+                },
+                {
+                    "name": "",
+                    "pathName": "pages/welfareMall/buyInfo/buyInfo",
+                    "query": "",
+                    "scene": null
+                },
+                {
+                    "name": "",
+                    "pathName": "pages/welfareMall/activityInfo/activityInfo",
+                    "query": "activityId=wGxvdw5qLa-132",
+                    "scene": null
+                },
+                {
+                    "name": "",
+                    "pathName": "pages/welfareMall/couponFitFood/index",
+                    "query": "couponId=V0746sZKv1-164&couponName=%E8%96%AF%E6%9D%A1%E4%BB%A3%E9%87%91%E5%88%B842%EF%BC%88%E9%83%A8%E5%88%86%E9%97%A8%E5%BA%97-%E6%B5%8B%E8%AF%95%EF%BC%89",
+                    "scene": null
+                }
+            ]
         }
-      ]
     }
-  }
 }