Showing
6 changed files
with
360 additions
and
79 deletions
| @@ -10,6 +10,8 @@ Page({ | @@ -10,6 +10,8 @@ Page({ | ||
| 10 | data: { | 10 | data: { |
| 11 | type:'C',//样式A,B,C | 11 | type:'C',//样式A,B,C |
| 12 | scrollTop: 0, | 12 | scrollTop: 0, |
| 13 | + check1:0,//做法 | ||
| 14 | + check2:0,//规格 | ||
| 13 | isloading: true, | 15 | isloading: true, |
| 14 | toView: "", | 16 | toView: "", |
| 15 | hasEnter: false, | 17 | hasEnter: false, |
| @@ -22,6 +24,56 @@ Page({ | @@ -22,6 +24,56 @@ Page({ | ||
| 22 | showSkeleton: true, | 24 | showSkeleton: true, |
| 23 | order: {}, | 25 | order: {}, |
| 24 | orderItemCount:0, | 26 | orderItemCount:0, |
| 27 | + checkObj:'', | ||
| 28 | + quantum:'', | ||
| 29 | + arr1:[ | ||
| 30 | + { | ||
| 31 | + name:'香辣', | ||
| 32 | + }, | ||
| 33 | + { | ||
| 34 | + name:'清蒸', | ||
| 35 | + }, | ||
| 36 | + { | ||
| 37 | + name:'爆炒', | ||
| 38 | + }, | ||
| 39 | + { | ||
| 40 | + name:'清汤', | ||
| 41 | + }, | ||
| 42 | + { | ||
| 43 | + name:'爆炒', | ||
| 44 | + }, | ||
| 45 | + { | ||
| 46 | + name:'清汤', | ||
| 47 | + }, | ||
| 48 | + ], | ||
| 49 | + arr2:[ | ||
| 50 | + { | ||
| 51 | + name:'小份', | ||
| 52 | + }, | ||
| 53 | + { | ||
| 54 | + name:'中份', | ||
| 55 | + }, | ||
| 56 | + { | ||
| 57 | + name:'份', | ||
| 58 | + }, | ||
| 59 | + { | ||
| 60 | + name:'位', | ||
| 61 | + }, | ||
| 62 | + { | ||
| 63 | + name:'例', | ||
| 64 | + }, | ||
| 65 | + { | ||
| 66 | + name:'两只', | ||
| 67 | + }, | ||
| 68 | + ], | ||
| 69 | + normsList:[ | ||
| 70 | + { | ||
| 71 | + text:'做饭', | ||
| 72 | + }, | ||
| 73 | + { | ||
| 74 | + text:'规格', | ||
| 75 | + } | ||
| 76 | + ], | ||
| 25 | twoList:[ | 77 | twoList:[ |
| 26 | { | 78 | { |
| 27 | title:'烤鸽子', | 79 | title:'烤鸽子', |
| @@ -45,6 +97,15 @@ Page({ | @@ -45,6 +97,15 @@ Page({ | ||
| 45 | quantum:0, | 97 | quantum:0, |
| 46 | } | 98 | } |
| 47 | ], | 99 | ], |
| 100 | + assortArr:[ | ||
| 101 | + {name:'淮扬热菜'}, | ||
| 102 | + {name:'精品凉菜'}, | ||
| 103 | + {name:'广式烧腊'}, | ||
| 104 | + {name:'海鲜'}, | ||
| 105 | + {name:'汤羹'}, | ||
| 106 | + {name:'四季时蔬'}, | ||
| 107 | + {name:'酒水'}, | ||
| 108 | + ], | ||
| 48 | dishList:[ | 109 | dishList:[ |
| 49 | { | 110 | { |
| 50 | image:'https://img.zcool.cn/community/0143e15b0239e4a801218cf4503272.jpg@3000w_1l_0o_100sh.jpg', | 111 | image:'https://img.zcool.cn/community/0143e15b0239e4a801218cf4503272.jpg@3000w_1l_0o_100sh.jpg', |
| @@ -74,7 +135,8 @@ Page({ | @@ -74,7 +135,8 @@ Page({ | ||
| 74 | }, | 135 | }, |
| 75 | ] | 136 | ] |
| 76 | }, | 137 | }, |
| 77 | - | 138 | + checkModal:'', |
| 139 | + classifyModal:'', | ||
| 78 | /** | 140 | /** |
| 79 | * 生命周期函数--监听页面加载 | 141 | * 生命周期函数--监听页面加载 |
| 80 | */ | 142 | */ |
| @@ -92,7 +154,9 @@ Page({ | @@ -92,7 +154,9 @@ Page({ | ||
| 92 | "statReachBottom": true, | 154 | "statReachBottom": true, |
| 93 | "lauchOpts": options, //渠道分析 | 155 | "lauchOpts": options, //渠道分析 |
| 94 | }); | 156 | }); |
| 95 | - }, | 157 | + this.checkModal = this.selectComponent("#checkModal"); |
| 158 | + this.classifyModal = this.selectComponent("#classifyModal"); | ||
| 159 | + }, | ||
| 96 | 160 | ||
| 97 | /** | 161 | /** |
| 98 | * 生命周期函数--监听页面初次渲染完成 | 162 | * 生命周期函数--监听页面初次渲染完成 |
| @@ -100,17 +164,64 @@ Page({ | @@ -100,17 +164,64 @@ Page({ | ||
| 100 | onReady() { | 164 | onReady() { |
| 101 | 165 | ||
| 102 | }, | 166 | }, |
| 167 | + // 选择做法 | ||
| 168 | + checkSingle1(e){ | ||
| 169 | + const check1= e.currentTarget.dataset['index']; | ||
| 170 | + this.setData({ | ||
| 171 | + check1 | ||
| 172 | + }) | ||
| 173 | + }, | ||
| 174 | + // 选择规格 | ||
| 175 | + checkSingle2(e){ | ||
| 176 | + const check2= e.currentTarget.dataset['index']; | ||
| 177 | + this.setData({ | ||
| 178 | + check2 | ||
| 179 | + }) | ||
| 180 | + }, | ||
| 181 | + // 展示做法规格弹窗 | ||
| 182 | + showModal() { | ||
| 183 | + this.checkModal.showModal() | ||
| 184 | + }, | ||
| 185 | + // 关闭做法规格弹窗 | ||
| 186 | + closeModal() { | ||
| 187 | + this.checkModal.closeModal() | ||
| 188 | + }, | ||
| 189 | + // 展示菜品分类弹框 | ||
| 190 | + showClassifyModal() { | ||
| 191 | + this.classifyModal.showModal() | ||
| 192 | + }, | ||
| 193 | + // 关闭菜品分类弹框 | ||
| 194 | + closeClassifyModal() { | ||
| 195 | + this.classifyModal.closeModal() | ||
| 196 | + }, | ||
| 197 | + // 选择菜品分类 | ||
| 198 | + checkItem(e){ | ||
| 199 | + const item= e.currentTarget.dataset['item']; | ||
| 200 | + console.log(item); | ||
| 201 | + }, | ||
| 202 | + // 选择做法和规格后点击确定 | ||
| 203 | + determineFun(){ | ||
| 204 | + let checkObj =this.data.checkObj; | ||
| 205 | + let quantum =this.data.quantum; | ||
| 206 | + this.setData({ | ||
| 207 | + [checkObj]:quantum, | ||
| 208 | + }) | ||
| 209 | + this.closeModal() | ||
| 210 | + }, | ||
| 103 | // 点击加号 | 211 | // 点击加号 |
| 104 | addition(e){ | 212 | addition(e){ |
| 105 | const item= e.currentTarget.dataset['item']; | 213 | const item= e.currentTarget.dataset['item']; |
| 106 | const index= e.currentTarget.dataset['key']; | 214 | const index= e.currentTarget.dataset['key']; |
| 107 | const type= e.currentTarget.dataset['type']; | 215 | const type= e.currentTarget.dataset['type']; |
| 108 | let quantum = item.quantum * 1 + 1; | 216 | let quantum = item.quantum * 1 + 1; |
| 109 | - let obj; | ||
| 110 | - if(type=='one') obj=`dishList[${index}].quantum`; | ||
| 111 | - if(type=='two') obj=`twoList[${index}].quantum`; | 217 | + let checkObj; |
| 218 | + if(type=='one') checkObj=`dishList[${index}].quantum`; | ||
| 219 | + if(type=='two') checkObj=`twoList[${index}].quantum`; | ||
| 220 | + console.log(checkObj,quantum); | ||
| 221 | + this.showModal() | ||
| 112 | this.setData({ | 222 | this.setData({ |
| 113 | - [obj]:quantum | 223 | + checkObj, |
| 224 | + quantum, | ||
| 114 | }) | 225 | }) |
| 115 | }, | 226 | }, |
| 116 | // 点击减号 | 227 | // 点击减号 |
| @@ -119,13 +230,15 @@ Page({ | @@ -119,13 +230,15 @@ Page({ | ||
| 119 | const index= e.currentTarget.dataset['key']; | 230 | const index= e.currentTarget.dataset['key']; |
| 120 | const type= e.currentTarget.dataset['type']; | 231 | const type= e.currentTarget.dataset['type']; |
| 121 | let quantum = item.quantum * 1 - 1; | 232 | let quantum = item.quantum * 1 - 1; |
| 122 | - let obj; | ||
| 123 | - if(type=='one') obj=`dishList[${index}].quantum`; | ||
| 124 | - if(type=='two') obj=`twoList[${index}].quantum`; | 233 | + let checkObj; |
| 234 | + if(type=='one') checkObj=`dishList[${index}].quantum`; | ||
| 235 | + if(type=='two') checkObj=`twoList[${index}].quantum`; | ||
| 125 | this.setData({ | 236 | this.setData({ |
| 126 | - [obj]:quantum | 237 | + checkObj, |
| 238 | + quantum, | ||
| 127 | }) | 239 | }) |
| 128 | }, | 240 | }, |
| 241 | + // 扫桌码点餐 | ||
| 129 | initOrder() { | 242 | initOrder() { |
| 130 | App.Advance.CreateOrder({ | 243 | App.Advance.CreateOrder({ |
| 131 | rid: this.data.options.rid, | 244 | rid: this.data.options.rid, |
| @@ -221,7 +334,8 @@ Page({ | @@ -221,7 +334,8 @@ Page({ | ||
| 221 | } | 334 | } |
| 222 | return flist; | 335 | return flist; |
| 223 | }, | 336 | }, |
| 224 | - getCookList: function (orderid) { | 337 | + // 获取所有分类下所有菜品列表 |
| 338 | + getCookList(orderid) { | ||
| 225 | let param = { | 339 | let param = { |
| 226 | sellerid: this.data.options.sid, | 340 | sellerid: this.data.options.sid, |
| 227 | identity: this.data.options.identity, | 341 | identity: this.data.options.identity, |
| @@ -3,12 +3,7 @@ | @@ -3,12 +3,7 @@ | ||
| 3 | "navigationBarBackgroundColor": "#4d4e50", | 3 | "navigationBarBackgroundColor": "#4d4e50", |
| 4 | "navigationBarTextStyle": "white", | 4 | "navigationBarTextStyle": "white", |
| 5 | "usingComponents": { | 5 | "usingComponents": { |
| 6 | - "foodCard": "../components/food-card/food-card", | ||
| 7 | - "cookClass": "../components/cook-class/cook-class", | ||
| 8 | "nav":"/components/nav/nav", | 6 | "nav":"/components/nav/nav", |
| 9 | - "cart":"../components/cart/cart", | ||
| 10 | - "formids":"/components/formids/formids", | ||
| 11 | - "userinfo":"/components/userinfo/userinfo", | ||
| 12 | - "network":"/components/network/network" | 7 | + "my-modal": "/components/modal/modal" |
| 13 | } | 8 | } |
| 14 | } | 9 | } |
| @@ -117,8 +117,8 @@ | @@ -117,8 +117,8 @@ | ||
| 117 | </view> | 117 | </view> |
| 118 | </view> | 118 | </view> |
| 119 | <view class="fixedBox flex-lr"> | 119 | <view class="fixedBox flex-lr"> |
| 120 | - <view class="left flex-cmc"> | ||
| 121 | - <image src="https://qn.colorcun.com/WechatIMG701.png" mode="" /> | 120 | + <view class="left flex-cmc" bindtap="showClassifyModal"> |
| 121 | + <image src="https://qn.colorcun.com/WechatIMG700.png" mode="" /> | ||
| 122 | <view class="fixedName"> | 122 | <view class="fixedName"> |
| 123 | 菜品分类 | 123 | 菜品分类 |
| 124 | </view> | 124 | </view> |
| @@ -129,4 +129,39 @@ | @@ -129,4 +129,39 @@ | ||
| 129 | 已选菜品 | 129 | 已选菜品 |
| 130 | </view> | 130 | </view> |
| 131 | </view> | 131 | </view> |
| 132 | -</view> | ||
| 132 | +</view> | ||
| 133 | +<my-modal id="checkModal" height="410px" fadeStyle="center"> | ||
| 134 | + <view slot="modalContent" class="normsModel"> | ||
| 135 | + <scroll-view scroll-y style="height: 78%;overflow: auto;"> | ||
| 136 | + <view class="textSty"> | ||
| 137 | + 做法 | ||
| 138 | + </view> | ||
| 139 | + <view class="itemBox"> | ||
| 140 | + <view class="single {{check1==index?'active':''}}" bindtap="checkSingle1" wx:for="{{arr1}}" data-index="{{index}}"> | ||
| 141 | + {{item.name}}</view> | ||
| 142 | + </view> | ||
| 143 | + <view class="checkLine"></view> | ||
| 144 | + <view class="textSty"> | ||
| 145 | + 规格 | ||
| 146 | + </view> | ||
| 147 | + <view class="itemBox"> | ||
| 148 | + <view class="single {{check2==index?'active':''}}" bindtap="checkSingle2" wx:for="{{arr2}}" data-index="{{index}}">{{item.name}}</view> | ||
| 149 | + </view> | ||
| 150 | + </scroll-view> | ||
| 151 | + <view class="btns"> | ||
| 152 | + <button class="font32r cancellation btn" bindtap="closeModal">取消</button> | ||
| 153 | + <button class="font32r determine btn" bindtap="determineFun">确定</button> | ||
| 154 | + </view> | ||
| 155 | + </view> | ||
| 156 | +</my-modal> | ||
| 157 | +<my-modal id="classifyModal" fadeStyle="slideDown" height="100%"> | ||
| 158 | + <view slot="modalContent" class="assortModel"> | ||
| 159 | + <view class="assortItem items font48r"> | ||
| 160 | + 10道必点菜 | ||
| 161 | + </view> | ||
| 162 | + <view wx:for="{{assortArr}}" class="assortItem font48r" data-item="{{item}}" bindtap="checkItem"> | ||
| 163 | + {{item.name}} | ||
| 164 | + </view> | ||
| 165 | + <image class="assortImg" bindtap="closeClassifyModal" src="https://qn.colorcun.com/WechatIMG807.png" mode=""/> | ||
| 166 | + </view> | ||
| 167 | +</my-modal> |
| 1 | /* pack-cookbook/pages/index_new.wxss */ | 1 | /* pack-cookbook/pages/index_new.wxss */ |
| 2 | -page{ | 2 | +page { |
| 3 | background-color: #4d4e50; | 3 | background-color: #4d4e50; |
| 4 | } | 4 | } |
| 5 | -.wrapIine{ | 5 | + |
| 6 | +.wrapIine { | ||
| 6 | height: 4rpx; | 7 | height: 4rpx; |
| 7 | width: 100%; | 8 | width: 100%; |
| 8 | background-color: #dbdbdb; | 9 | background-color: #dbdbdb; |
| 9 | } | 10 | } |
| 10 | -.heand{ | 11 | + |
| 12 | +.heand { | ||
| 11 | width: 100%; | 13 | width: 100%; |
| 12 | } | 14 | } |
| 13 | -.heand .style_round{ | 15 | + |
| 16 | +.heand .style_round { | ||
| 14 | width: 160rpx; | 17 | width: 160rpx; |
| 15 | } | 18 | } |
| 16 | -.style_round .line{ | 19 | + |
| 20 | +.style_round .line { | ||
| 17 | width: 100rpx; | 21 | width: 100rpx; |
| 18 | height: 2rpx; | 22 | height: 2rpx; |
| 19 | background: #dbdbdb; | 23 | background: #dbdbdb; |
| 20 | } | 24 | } |
| 21 | -.style_round .round{ | 25 | + |
| 26 | +.style_round .round { | ||
| 22 | width: 8rpx; | 27 | width: 8rpx; |
| 23 | height: 8rpx; | 28 | height: 8rpx; |
| 24 | background: #dbdbdb; | 29 | background: #dbdbdb; |
| 25 | border-radius: 50%; | 30 | border-radius: 50%; |
| 26 | } | 31 | } |
| 27 | -.heand .title{ | 32 | + |
| 33 | +.heand .title { | ||
| 28 | color: #fff; | 34 | color: #fff; |
| 29 | padding: 10rpx 0; | 35 | padding: 10rpx 0; |
| 30 | } | 36 | } |
| 31 | -.dishWrap{ | 37 | + |
| 38 | +.dishWrap { | ||
| 32 | color: #fff; | 39 | color: #fff; |
| 33 | padding-top: 40rpx; | 40 | padding-top: 40rpx; |
| 34 | } | 41 | } |
| 35 | -.dishTexts{ | 42 | + |
| 43 | +.dishTexts { | ||
| 36 | padding: 0 40rpx; | 44 | padding: 0 40rpx; |
| 37 | - color: #dbdbdb; | ||
| 38 | - font-family: PingFang SC; | ||
| 39 | - font-weight: 500; | ||
| 40 | - font-size: 40rpx; | ||
| 41 | - -webkit-text-stroke: 1rpx black; | 45 | + color: #dbdbdb; |
| 46 | + font-family: PingFang SC; | ||
| 47 | + font-weight: 500; | ||
| 48 | + font-size: 40rpx; | ||
| 49 | + -webkit-text-stroke: 1rpx black; | ||
| 42 | } | 50 | } |
| 43 | -.dishRight{ | 51 | + |
| 52 | +.dishRight { | ||
| 44 | font-family: PingFang SC; | 53 | font-family: PingFang SC; |
| 45 | - font-weight: 500; | ||
| 46 | - font-size: 28rpx; | 54 | + font-weight: 500; |
| 55 | + font-size: 28rpx; | ||
| 47 | } | 56 | } |
| 48 | -.norms{ | 57 | + |
| 58 | +.norms { | ||
| 49 | margin-top: 10rpx; | 59 | margin-top: 10rpx; |
| 50 | color: #dbdbdb; | 60 | color: #dbdbdb; |
| 51 | font-family: PingFang SC; | 61 | font-family: PingFang SC; |
| 52 | font-size: 24rpx; | 62 | font-size: 24rpx; |
| 53 | - padding:0 40rpx 30rpx 40rpx; | 63 | + padding: 0 40rpx 30rpx 40rpx; |
| 54 | } | 64 | } |
| 55 | -.dishImg{ | 65 | + |
| 66 | +.dishImg { | ||
| 56 | width: 100%; | 67 | width: 100%; |
| 57 | } | 68 | } |
| 58 | -.greens{ | 69 | + |
| 70 | +.greens { | ||
| 59 | padding: 20rpx 32rpx 58rpx 32rpx; | 71 | padding: 20rpx 32rpx 58rpx 32rpx; |
| 60 | color: #dbdbdb; | 72 | color: #dbdbdb; |
| 61 | - font-family: PingFang SC; | ||
| 62 | - font-size: 24rpx; | 73 | + font-family: PingFang SC; |
| 74 | + font-size: 24rpx; | ||
| 63 | } | 75 | } |
| 64 | -.Textcolor{ | 76 | + |
| 77 | +.Textcolor { | ||
| 65 | color: #EBDD3C; | 78 | color: #EBDD3C; |
| 66 | } | 79 | } |
| 67 | -.algorithmImg{ | 80 | + |
| 81 | +.algorithmImg { | ||
| 68 | height: 60rpx; | 82 | height: 60rpx; |
| 69 | padding-bottom: 58rpx; | 83 | padding-bottom: 58rpx; |
| 70 | } | 84 | } |
| 71 | -.algorithmImg .imgs{ | 85 | + |
| 86 | +.algorithmImg .imgs { | ||
| 72 | width: 60rpx; | 87 | width: 60rpx; |
| 73 | height: 100%; | 88 | height: 100%; |
| 74 | - margin-right: 80rpx; | 89 | + margin-right: 80rpx; |
| 75 | } | 90 | } |
| 76 | -.calculate{ | 91 | + |
| 92 | +.calculate { | ||
| 77 | padding: 0 80rpx 58rpx 80rpx; | 93 | padding: 0 80rpx 58rpx 80rpx; |
| 78 | } | 94 | } |
| 79 | -.calculate .imgs{ | 95 | + |
| 96 | +.calculate .imgs { | ||
| 80 | width: 60rpx; | 97 | width: 60rpx; |
| 81 | height: 60rpx; | 98 | height: 60rpx; |
| 82 | margin: 0; | 99 | margin: 0; |
| 83 | } | 100 | } |
| 84 | 101 | ||
| 85 | -.box .num{ | 102 | +.box .num { |
| 86 | color: #e34d59; | 103 | color: #e34d59; |
| 87 | font-family: PingFang SC; | 104 | font-family: PingFang SC; |
| 88 | font-weight: 500; | 105 | font-weight: 500; |
| 89 | font-size: 80rpx; | 106 | font-size: 80rpx; |
| 90 | } | 107 | } |
| 91 | -.num view{ | 108 | + |
| 109 | +.num view { | ||
| 92 | color: #dbdbdb; | 110 | color: #dbdbdb; |
| 93 | - font-family: PingFang SC; | ||
| 94 | - font-weight: 500; | ||
| 95 | - font-size: 32rpx; | ||
| 96 | - margin:0 20rpx; | 111 | + font-family: PingFang SC; |
| 112 | + font-weight: 500; | ||
| 113 | + font-size: 32rpx; | ||
| 114 | + margin: 0 20rpx; | ||
| 97 | } | 115 | } |
| 98 | -.twoItem{ | 116 | + |
| 117 | +.twoItem { | ||
| 99 | width: 50%; | 118 | width: 50%; |
| 100 | box-sizing: border-box; | 119 | box-sizing: border-box; |
| 101 | border-bottom: 4rpx solid #dbdbdb; | 120 | border-bottom: 4rpx solid #dbdbdb; |
| 102 | } | 121 | } |
| 103 | -.twoItem:nth-of-type(odd){ | 122 | + |
| 123 | +.twoItem:nth-of-type(odd) { | ||
| 104 | border-right: 4rpx solid #dbdbdb; | 124 | border-right: 4rpx solid #dbdbdb; |
| 105 | } | 125 | } |
| 106 | -.twoTitle{ | 126 | + |
| 127 | +.twoTitle { | ||
| 107 | padding: 30rpx 0 10rpx 20rpx; | 128 | padding: 30rpx 0 10rpx 20rpx; |
| 108 | color: #dbdbdb; | 129 | color: #dbdbdb; |
| 109 | font-family: PingFang SC; | 130 | font-family: PingFang SC; |
| 110 | font-weight: 500; | 131 | font-weight: 500; |
| 111 | font-size: 40rpx; | 132 | font-size: 40rpx; |
| 112 | } | 133 | } |
| 113 | -.twoInfo{ | 134 | + |
| 135 | +.twoInfo { | ||
| 114 | color: #dbdbdb; | 136 | color: #dbdbdb; |
| 115 | font-family: PingFang SC; | 137 | font-family: PingFang SC; |
| 116 | font-weight: 500; | 138 | font-weight: 500; |
| 117 | font-size: 24rpx; | 139 | font-size: 24rpx; |
| 118 | padding: 0 0 30rpx 20rpx; | 140 | padding: 0 0 30rpx 20rpx; |
| 119 | } | 141 | } |
| 120 | -.twoItem image{ | 142 | + |
| 143 | +.twoItem image { | ||
| 121 | height: 247rpx; | 144 | height: 247rpx; |
| 122 | } | 145 | } |
| 123 | -.oneImg{ | 146 | + |
| 147 | +.oneImg { | ||
| 124 | margin: 38rpx 40rpx 0 0; | 148 | margin: 38rpx 40rpx 0 0; |
| 125 | } | 149 | } |
| 126 | -.twoImgs{ | 150 | + |
| 151 | +.twoImgs { | ||
| 127 | margin: 38rpx 40rpx 0 40rpx; | 152 | margin: 38rpx 40rpx 0 40rpx; |
| 128 | } | 153 | } |
| 129 | -.twoBox .imgs{ | 154 | + |
| 155 | +.twoBox { | ||
| 156 | + padding-bottom: 118rpx; | ||
| 157 | +} | ||
| 158 | + | ||
| 159 | +.twoBox .imgs { | ||
| 130 | margin-right: 0; | 160 | margin-right: 0; |
| 131 | } | 161 | } |
| 132 | -.reduceImg{ | 162 | + |
| 163 | +.reduceImg { | ||
| 133 | width: 90rpx; | 164 | width: 90rpx; |
| 134 | height: 8rpx !important; | 165 | height: 8rpx !important; |
| 135 | } | 166 | } |
| 136 | -.fixedBox{ | 167 | + |
| 168 | +.fixedBox { | ||
| 137 | position: fixed; | 169 | position: fixed; |
| 138 | bottom: 0; | 170 | bottom: 0; |
| 139 | left: 0; | 171 | left: 0; |
| @@ -142,40 +174,145 @@ page{ | @@ -142,40 +174,145 @@ page{ | ||
| 142 | box-sizing: border-box; | 174 | box-sizing: border-box; |
| 143 | background-color: #4D4E50; | 175 | background-color: #4D4E50; |
| 144 | } | 176 | } |
| 145 | -.fixedBox .left image{ | 177 | + |
| 178 | +.fixedBox .left image { | ||
| 146 | width: 44rpx; | 179 | width: 44rpx; |
| 147 | - height: 36rpx; | 180 | + height: 36rpx; |
| 148 | } | 181 | } |
| 149 | -.fixedBox .right image{ | 182 | + |
| 183 | +.fixedBox view { | ||
| 184 | + padding: 0 20rpx; | ||
| 185 | +} | ||
| 186 | + | ||
| 187 | +.fixedBox .right image { | ||
| 150 | width: 41rpx; | 188 | width: 41rpx; |
| 151 | - height: 36rpx; | 189 | + height: 36rpx; |
| 152 | } | 190 | } |
| 153 | -.fixedName{ | 191 | + |
| 192 | +.fixedName { | ||
| 154 | color: #dbdbdb; | 193 | color: #dbdbdb; |
| 155 | - font-family: PingFang SC; | ||
| 156 | - font-weight: 500; | ||
| 157 | - font-size: 24rpx; | ||
| 158 | - margin-top: 10rpx; | 194 | + font-family: PingFang SC; |
| 195 | + font-weight: 500; | ||
| 196 | + font-size: 24rpx; | ||
| 197 | + margin-top: 10rpx; | ||
| 159 | } | 198 | } |
| 160 | -.typeB{ | 199 | + |
| 200 | +.typeB { | ||
| 161 | display: flex; | 201 | display: flex; |
| 162 | align-items: flex-end; | 202 | align-items: flex-end; |
| 163 | flex-direction: column; | 203 | flex-direction: column; |
| 164 | } | 204 | } |
| 165 | -.normsB{ | 205 | + |
| 206 | +.normsB { | ||
| 166 | text-align: right; | 207 | text-align: right; |
| 167 | } | 208 | } |
| 168 | 209 | ||
| 210 | +#checkModal .mymodal { | ||
| 211 | + width: 80% !important; | ||
| 212 | +} | ||
| 169 | 213 | ||
| 214 | +.normsModel { | ||
| 215 | + padding: 80rpx 50rpx 0 50rpx; | ||
| 216 | + position: relative; | ||
| 217 | + height: 95%; | ||
| 218 | + box-sizing: border-box; | ||
| 219 | +} | ||
| 170 | 220 | ||
| 221 | +.text { | ||
| 222 | + color: #515151; | ||
| 223 | + font-family: PingFang SC; | ||
| 224 | + font-size: 32rpx; | ||
| 225 | +} | ||
| 171 | 226 | ||
| 227 | +.itemBox { | ||
| 228 | + display: flex; | ||
| 229 | + flex-wrap: wrap; | ||
| 230 | +} | ||
| 172 | 231 | ||
| 232 | +.textSty { | ||
| 233 | + color: red; | ||
| 234 | + margin-bottom: 30rpx; | ||
| 235 | +} | ||
| 173 | 236 | ||
| 237 | +.single { | ||
| 238 | + display: flex; | ||
| 239 | + justify-content: center; | ||
| 240 | + align-items: center; | ||
| 241 | + padding: 6rpx 36rpx; | ||
| 242 | + border: 2rpx solid #dbdbdb; | ||
| 243 | + margin: 0 36rpx 30rpx 0; | ||
| 244 | +} | ||
| 174 | 245 | ||
| 246 | +.single:nth-child(3n) { | ||
| 247 | + margin-right: 0; | ||
| 248 | +} | ||
| 175 | 249 | ||
| 250 | +.active { | ||
| 251 | + color: #E34D59; | ||
| 252 | + border: 2rpx solid #E34D59; | ||
| 253 | +} | ||
| 176 | 254 | ||
| 255 | +.checkLine { | ||
| 256 | + width: 100%; | ||
| 257 | + height: 2rpx; | ||
| 258 | + background-color: #DBDBDB; | ||
| 259 | + margin: 20rpx 0; | ||
| 260 | +} | ||
| 177 | 261 | ||
| 262 | +.btns { | ||
| 263 | + width: 100%; | ||
| 264 | + position: absolute; | ||
| 265 | + left: 0; | ||
| 266 | + bottom: 0; | ||
| 267 | + display: flex; | ||
| 268 | + justify-content: space-between; | ||
| 269 | + align-items: center; | ||
| 270 | + height: 108rpx; | ||
| 271 | + border-top: 2rpx solid #DBDBDB; | ||
| 272 | +} | ||
| 273 | + | ||
| 274 | +#checkModal .mymodal-content { | ||
| 275 | + padding: 30rpx 0 0 0 !important; | ||
| 276 | + height: 100% !important; | ||
| 277 | +} | ||
| 278 | + | ||
| 279 | +.btn { | ||
| 280 | + margin: 0; | ||
| 281 | + width: 50%; | ||
| 282 | +} | ||
| 283 | + | ||
| 284 | +#classifyModal .mymodal { | ||
| 285 | + top: 120rpx !important; | ||
| 286 | +} | ||
| 178 | 287 | ||
| 288 | +#classifyModal .mymodal-content { | ||
| 289 | + padding: 0 !important; | ||
| 290 | + height: 100% !important; | ||
| 291 | + box-sizing: border-box; | ||
| 292 | +} | ||
| 179 | 293 | ||
| 294 | +.assortModel { | ||
| 295 | + height: 100%; | ||
| 296 | + display: flex; | ||
| 297 | + flex-direction: column; | ||
| 298 | + align-items: center; | ||
| 299 | + padding-top: 20%; | ||
| 300 | + background: linear-gradient(104.24deg, #4c8dad -57.47%, #0143a3 55.72%, #42a5ff 148.72%); | ||
| 301 | +} | ||
| 180 | 302 | ||
| 303 | +.assortItem { | ||
| 304 | + text-align: center; | ||
| 305 | + color: #ffffff; | ||
| 306 | + font-family: PingFang SC; | ||
| 307 | + padding: 30rpx 0; | ||
| 308 | +} | ||
| 181 | 309 | ||
| 310 | +.items { | ||
| 311 | + text-decoration: underline; | ||
| 312 | +} | ||
| 313 | + | ||
| 314 | +.assortImg { | ||
| 315 | + margin-top: 30rpx; | ||
| 316 | + width: 100rpx; | ||
| 317 | + height: 100rpx; | ||
| 318 | +} |
| @@ -66,11 +66,11 @@ Page({ | @@ -66,11 +66,11 @@ Page({ | ||
| 66 | let sid=e.currentTarget.dataset['sid']; | 66 | let sid=e.currentTarget.dataset['sid']; |
| 67 | console.log('todetailid',id); | 67 | console.log('todetailid',id); |
| 68 | if(expire=='0' && examine=='0'){ | 68 | if(expire=='0' && examine=='0'){ |
| 69 | - wx.reLaunch({ | 69 | + wx.navigateTo({ |
| 70 | url: '/pack-activity/pack/examineCertificate?id='+id, | 70 | url: '/pack-activity/pack/examineCertificate?id='+id, |
| 71 | }) | 71 | }) |
| 72 | }else{ | 72 | }else{ |
| 73 | - wx.reLaunch({ | 73 | + wx.navigateTo({ |
| 74 | url: `/pages/pinglun/create?oid=${id}&sellername=${sellername}&sid=${sid}&types=3`, | 74 | url: `/pages/pinglun/create?oid=${id}&sellername=${sellername}&sid=${sid}&types=3`, |
| 75 | }) | 75 | }) |
| 76 | } | 76 | } |
-
Please register or login to post a comment