miniprogram / shengxianmini · 提交

转到一个项目

作者 suhang
提交 4ab97f6c6d375682497d22c1be03238964b1f269 0 个父辈

生鲜

内嵌 并排对比
正在显示 62 个修改的文件 包含 4352 行增加 和 0 行删除

要显示太多修改。
重新载入完整差异 差异文件 邮件补丁

为保证性能只显示 62 of 62+ 个文件。

  1 +//app.js
  2 +App({
  3 + onLaunch: function () {
  4 + // 展示本地存储能力
  5 + var logs = wx.getStorageSync('logs') || []
  6 + logs.unshift(Date.now())
  7 + // 获取用户信息
  8 +
  9 + // 添加显示条数
  10 +
  11 + // wx.setTabBarItem({
  12 + // index: 4,
  13 + // text: '1',
  14 + // // iconPath: 'images/index1.png',
  15 + // // selectedIconPath: 'images/index1.png'
  16 + // })
  17 + },
  18 + changeToken() {
  19 + let url = '/api/user/codeToToken',
  20 + t = this;
  21 + wx.login({
  22 + success: function (res) {
  23 + t.post(url, {
  24 + code: res.code
  25 + }).then((r) => {
  26 + wx.setStorageSync('token', r.userInfo.token)
  27 + })
  28 + }
  29 + })
  30 + },
  31 +
  32 +
  33 + // post: function (url, data,requestHeader ) {
  34 + // let app = this;
  35 + // /**
  36 + // * 自定义post函数，返回Promise
  37 + // * +-------------------
  38 + // * @param {String} url 接口网址
  39 + // * @param {arrayObject} data 要传的数组对象 like: {name: 'name', age: 32}
  40 + // * +-------------------
  41 + // * @return {Promise} promise 返回promise供后续操作
  42 + // */
  43 +
  44 + // wx.showLoading({
  45 + // title: '加载中',
  46 + // })
  47 + // wx.showNavigationBarLoading()
  48 + // var promise = new Promise((resolve, reject) => {
  49 + // //init
  50 + // let that = this,
  51 + // token = wx.getStorageSync('token'),
  52 + // header = requestHeader?
  53 + // {
  54 + // 'content-type': 'application/x-www-form-urlencoded',
  55 + // 'XX-Device-Type':'wxapp',
  56 + // }: {
  57 + // 'content-type': 'application/x-www-form-urlencoded',
  58 + // 'XX-Device-Type': 'wxapp',
  59 + // ' XX-Token': token
  60 + // };
  61 +
  62 + // //网络请求
  63 + // wx.request({
  64 + // url: this.globalData.baseUrl + url,
  65 + // data: data,
  66 + // method: 'POST',
  67 + // header: header,
  68 + // success: function (res) { //返回取得的数据
  69 + // if (res.data.code == '1') {
  70 + // resolve(res.data.data);
  71 + // } else if (res.data.code == '201') {
  72 + // resolve(res.data);
  73 + // } else if (res.data.code == '401') {
  74 + // wx.showToast({
  75 + // title: res.data.msg,
  76 + // icon: 'none',
  77 + // })
  78 + // setTimeout(() => {
  79 + // wx.navigateTo({
  80 + // url: '/pages/register/register',
  81 + // })
  82 + // }, 1200)
  83 + // } else {
  84 + // wx.showToast({
  85 + // title: res.data.msg,
  86 + // icon: 'none',
  87 + // })
  88 + // reject(res.data)
  89 + // if (res.data.code == '401') {
  90 + // if (!app.globalData.register) {
  91 + // // setTimeout(() => {
  92 + // wx.navigateTo({
  93 + // url: '/pages/register/register',
  94 + // })
  95 + // // }, 1200)
  96 + // }
  97 +
  98 + // }
  99 + // }
  100 + // wx.hideLoading() ;
  101 + // wx.hideNavigationBarLoading()
  102 + // },
  103 + // fail: function (e) {
  104 + // reject('网络出错');
  105 + // wx.hideLoading() ;
  106 + // wx.hideNavigationBarLoading()
  107 + // }
  108 + // })
  109 + // });
  110 + // return promise;
  111 + // },
  112 + post: function (url, data, headerParams, showLoad) {
  113 + wx.showNavigationBarLoading()
  114 + var promise = new Promise((resolve, reject) => {
  115 + //init
  116 + let that = this;
  117 + let postData = data;
  118 + let baseUrl = 'http://www.himrhi.com/api';
  119 + //网络请求
  120 + let header = {
  121 + 'XX-Device-Type': 'wxapp',
  122 + 'XX-Token': wx.getStorageSync("token") || ''
  123 +
  124 + }
  125 + header = Object.assign(header, headerParams)
  126 + //网络请求
  127 + wx.request({
  128 + url: baseUrl + url,
  129 + data: postData,
  130 + method: 'POST',
  131 + header: header,
  132 +
  133 + success: function (res) { //返回取得的数据
  134 + if (res.statusCode == '200') {
  135 + resolve(res.data.data);
  136 + } else if (res.statusCode == '201') {
  137 + resolve(res.data);
  138 + } else {
  139 + reject(res)
  140 + }
  141 +
  142 + // else if (res.data.code == '42002') {
  143 +
  144 + // }
  145 + // setTimeout(function () {
  146 +
  147 + // wx.hideNavigationBarLoading()
  148 + // }, 600)
  149 + },
  150 + fail: function (e) {
  151 + reject('网络出错');
  152 + // wx.hideLoading()
  153 + wx.hideNavigationBarLoading()
  154 + },
  155 + complete: function () {
  156 + wx.hideNavigationBarLoading()
  157 + },
  158 + })
  159 + });
  160 + return promise;
  161 + },
  162 +
  163 + timeFormate(timestamp, timeType) {
  164 + if (timestamp) {
  165 + var timeStamp = timestamp.length == 13 ? timestamp : timestamp * 1000
  166 + var date = new Date(timeStamp); //时间戳为10位需*1000，时间戳为13位的话不需乘1000
  167 + var Y = date.getFullYear() + '-';
  168 + var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
  169 + var D = date.getDate() + ' ';
  170 + var h = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours())+":";
  171 + var m = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes());
  172 + var s = date.getSeconds();
  173 + if (timeType == 'YYMMDD') {
  174 + return Y + M + D;
  175 + } else if (timeType == 'YYMMDDHHMM') {
  176 + return Y + M + D + " " + h + m;
  177 + } else {
  178 + return h + m;
  179 + }
  180 + }
  181 + },
  182 + globalData: {
  183 + userInfo: null,
  184 + baseUrl: 'http://www.himrhi.com/api',
  185 + imgUrl: 'http://www.himrhi.com',
  186 + }
  187 +})
  1 +{
  2 + "pages": [
  3 + "pages/start/start",
  4 + "pages/index/index",
  5 + "pages/my/orderDetail/orderDetail",
  6 + "pages/my/big/big",
  7 + "pages/my/activityInformation/activityInformation",
  8 + "pages/my/serach/serach",
  9 + "pages/my/selectAddress/selectAddress",
  10 + "pages/my/editAddress2/editAddress2",
  11 + "pages/my/edit_address/edit_address",
  12 + "pages/my/editAddress/editAddress",
  13 + "pages/index/production_steps/production_steps",
  14 + "pages/my/myCollection/myCollection",
  15 + "pages/index/goodsDetial2/goodsDetial2",
  16 + "pages/index/goodsDetial/goodsDetial",
  17 + "pages/my/modifyPersonInformation/modifyPersonInformation",
  18 + "pages/my/modifyName/modifyName",
  19 + "pages/my/invitationList/invitationList",
  20 + "pages/my/invoiceInformation/invoiceInformation",
  21 + "pages/my/invoice/invoice",
  22 + "pages/my/commonProblems/commonProblems",
  23 + "pages/my/myAddress/myAddress",
  24 + "pages/my/invitationPolite/invitationPolite",
  25 + "pages/my/comment/comment",
  26 + "pages/my/coupons/coupons",
  27 + "pages/my/balance _center2/balance _center2",
  28 + "pages/my/charger_code/charger_code",
  29 + "pages/my/balance _center/balance _center",
  30 + "pages/my/my",
  31 + "pages/cart/cart",
  32 + "pages/index/selectAddress/selectAddress",
  33 + "pages/my/newAddress/newAddress",
  34 + "pages/my/modifyPhone/modifyPhone",
  35 + "pages/my/personal_center/personal_center",
  36 + "pages/my/showComment/showComment",
  37 + "pages/index/replaceDishes/replaceDishes",
  38 + "pages/cart/mask/mask",
  39 + "pages/my/question_two/question_two",
  40 + "pages/my/cancelOrder/cancelOrder",
  41 + "pages/my/deliveryTime/deliveryTime",
  42 + "pages/my/settle_account/settle_account",
  43 + "pages/start/e/e",
  44 + "pages/my/notice_detail/notice_detail",
  45 + "pages/index/select_index/select_index"
  46 + ],
  47 + "window": {
  48 + "backgroundTextStyle": "dark",
  49 + "navigationBarBackgroundColor": "#1a191f",
  50 + "navigationBarTitleText": "HI，鲜生",
  51 + "navigationBarTextStyle": "white"
  52 + },
  53 + "permission": {
  54 + "scope.userLocation": {
  55 + "desc": "你的位置信息将用于小程序位置接口的效果展示"
  56 + }
  57 + },
  58 + "tabBar": {
  59 + "selectedColor": "#222222",
  60 + "list": [
  61 + {
  62 + "selectedIconPath": "pages/imgs/nav02@2x.png",
  63 + "iconPath": "pages/imgs/nav01@2x.png",
  64 + "pagePath": "pages/index/index",
  65 + "text": "首页"
  66 + },
  67 + {
  68 + "selectedIconPath": "pages/imgs/nav04@2x.png",
  69 + "iconPath": "pages/imgs/nav03@2x.png",
  70 + "pagePath": "pages/cart/cart",
  71 + "text": "购物车"
  72 + },
  73 + {
  74 + "selectedIconPath": "pages/imgs/nav06@2x.png",
  75 + "iconPath": "pages/imgs/nav05@2x.png",
  76 + "pagePath": "pages/my/my",
  77 + "text": "个人中心"
  78 + }
  79 + ]
  80 + },
  81 + "networkTimeout": {
  82 + "request": 1000,
  83 + "connectSocket": 1000,
  84 + "uploadFile": 1000,
  85 + "downloadFile": 1000
  86 + },
  87 + "sitemapLocation": "sitemap.json"
  88 +}
  1 +/**app.wxss**/
  2 +
  3 +/* @font-face {
  4 + font-family: 'pingfang';
  5 + src: url('pages/src/fonts/PingFangLight.ttf');
  6 + font-family: 'pingfanglight';
  7 + src: url('pages/src/fonts/PingFangLight.ttf');
  8 +} */
  9 +
  10 +@font-face {
  11 + font-family: 'iconfont'; /* project id 636259 */
  12 + src: url('//at.alicdn.com/t/font_636259_k8ji2vkx80b.eot');
  13 + src: url('//at.alicdn.com/t/font_636259_k8ji2vkx80b.eot?#iefix') format('embedded-opentype'),
  14 + url('//at.alicdn.com/t/font_636259_k8ji2vkx80b.woff2') format('woff2'),
  15 + url('//at.alicdn.com/t/font_636259_k8ji2vkx80b.woff') format('woff'),
  16 + url('//at.alicdn.com/t/font_636259_k8ji2vkx80b.ttf') format('truetype'),
  17 + url('//at.alicdn.com/t/font_636259_k8ji2vkx80b.svg#iconfont') format('svg');
  18 +}
  19 +
  20 +/**
  21 + * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
  22 + * http://cssreset.com
  23 + */
  24 +
  25 +html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
  26 +blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img,
  27 +ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
  28 +dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
  29 +tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure,
  30 +figcaption, footer, header, menu, nav, output, ruby, section, summary, time,
  31 +mark, audio, video, input, view, text, template, blockquote, page, image {
  32 + margin: 0;
  33 + padding: 0;
  34 + border: 0;
  35 + font-size: 100%;
  36 + font-weight: normal;
  37 + vertical-align: baseline;
  38 + box-sizing: border-box;
  39 + font-family: 'pingfang';
  40 +}
  41 +
  42 +/* HTML5 display-role reset for older browsers */
  43 +
  44 +article, aside, details, figcaption, figure, footer, header, menu, nav, section {
  45 + display: block;
  46 +}
  47 +
  48 +body {
  49 + line-height: 1;
  50 + height: 100%;
  51 + position: relative;
  52 +}
  53 +
  54 +blockquote, q {
  55 + quotes: none;
  56 +}
  57 +
  58 +blockquote:before, blockquote:after, q:before, q:after {
  59 + content: none;
  60 +}
  61 +
  62 +table {
  63 + border-collapse: collapse;
  64 + border-spacing: 0;
  65 +}
  66 +
  67 +html, body {
  68 + width: 100%;
  69 +}
  70 +
  71 +/* custom */
  72 +
  73 +a {
  74 + color: #000;
  75 + text-decoration: none;
  76 + -webkit-backface-visibility: hidden;
  77 +}
  78 +
  79 +li {
  80 + list-style: none;
  81 +}
  82 +
  83 +::-webkit-scrollbar {
  84 + width: 5px;
  85 + height: 5px;
  86 +}
  87 +
  88 +::-webkit-scrollbar-track-piece {
  89 + background-color: rgba(0, 0, 0, 0.2);
  90 + -webkit-border-radius: 6px;
  91 +}
  92 +
  93 +::-webkit-scrollbar-thumb:vertical {
  94 + height: 5px;
  95 + background-color: rgba(125, 125, 125, 0.7);
  96 + -webkit-border-radius: 6px;
  97 +}
  98 +
  99 +::-webkit-scrollbar-thumb:horizontal {
  100 + width: 5px;
  101 + background-color: rgba(125, 125, 125, 0.7);
  102 + -webkit-border-radius: 6px;
  103 +}
  104 +
  105 +body {
  106 + -webkit-text-size-adjust: none;
  107 + -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  108 +}
  109 +
  110 +img {
  111 + border: 0;
  112 + margin: 0;
  113 +}
  114 +
  115 +input, textarea {
  116 + height: 100%;
  117 + width: 100%;
  118 + border: 0;
  119 + outline: none;
  120 + background: none;
  121 +}
  122 +
  123 +.rmb {
  124 + font-size: 22rpx;
  125 + color: #222;
  126 +}
  127 +
  128 +.nav_type_box {
  129 + display: flex;
  130 + align-items: center;
  131 + justify-content: space-between;
  132 + font-size: 24rpx;
  133 + color: #222;
  134 + padding: 29rpx 23rpx;
  135 + border-bottom: 1rpx solid #f2f2f2;
  136 + background-color: #fff;
  137 +}
  138 +
  139 +.nav_type_left {
  140 + display: flex;
  141 + align-items: center;
  142 + flex: 1;
  143 +}
  144 +
  145 +.nav_type {
  146 + display: flex;
  147 + align-items: center;
  148 + margin-right: 30rpx;
  149 +}
  150 +
  151 +.nav_type .iconfont, .nav_type_right .iconfont {
  152 + font-size: 24rpx;
  153 + margin: 0 11rpx 0 0;
  154 +}
  155 +
  156 +.nav_type_right {
  157 + display: flex;
  158 + align-items: center;
  159 +}
  160 +
  161 +.type_active {
  162 + color: #ffda44;
  163 +}
  164 +
  165 +/* 单个商品列表样式 */
  166 +
  167 +.goodbox {
  168 + background-color: #fff;
  169 +
  170 +}
  171 +
  172 +.good_item {
  173 + display: flex;
  174 + align-items: center;
  175 + justify-content: space-between;
  176 + padding: 50rpx 22rpx;
  177 + border-bottom: 1rpx solid #f2f2f2;
  178 +}
  179 +
  180 +.good_img {
  181 + width: 225rpx;
  182 + height: 217rpx;
  183 + display: flex;
  184 + align-items: center;
  185 + justify-content: center;
  186 +}
  187 +
  188 +.good_right {
  189 + flex: 2;
  190 + margin-left: 20rpx;
  191 +}
  192 +
  193 +.good_name {
  194 + color: #222;
  195 + font-size: 30rpx;
  196 + padding: 0 0 10rpx 0;
  197 +}
  198 +
  199 +.good_stand {
  200 + font-size: 24rpx;
  201 + color: #888;
  202 +}
  203 +
  204 +.rmb {
  205 + font-size: 22rpx;
  206 +}
  207 +
  208 +.good_pprice {
  209 + font-size: 26rpx;
  210 + color: #222;
  211 + font-weight: bold;
  212 + padding: 0 10rpx;
  213 +}
  214 +
  215 +.good_oprice {
  216 + font-size: 22rpx;
  217 + color: #888;
  218 +}
  219 +
  220 +.good_vip {
  221 + color: #f44;
  222 + font-size: 34rpx;
  223 + font-weight: bold;
  224 +}
  225 +
  226 +.good_vipbox {
  227 + display: flex;
  228 + align-items: center;
  229 + justify-content: space-between;
  230 +}
  231 +
  232 +.good_vipbox_left {
  233 + display: flex;
  234 + align-items: center;
  235 + flex: 1;
  236 +}
  237 +
  238 +.good_vip_spec {
  239 + font-size: 18rpx;
  240 + height: 25rpx;
  241 + background-color: #f44;
  242 + padding: 3rpx;
  243 + text-align: center;
  244 + color: #fff;
  245 + line-height: 100%;
  246 + margin-left: 5rpx;
  247 + /* background-image: url('../imgs/') */
  248 +}
  249 +
  250 +.good_btn {
  251 + height: 60rpx;
  252 + width: 60rpx;
  253 + display: flex;
  254 + align-items: center;
  255 + justify-content: center;
  256 + border-radius: 50%;
  257 + background-color: #ffda44;
  258 + box-shadow: 5rpx 0px 5rpx rgba(248, 207, 38, 0.3);
  259 +}
  260 +
  261 +.icon-gouwuche {
  262 + font-size: 29rpx;
  263 + color: #444;
  264 +}
  265 +
  266 +/* 头部信息 */
  267 +
  268 +.banner {
  269 + height: 86rpx;
  270 + width: 100%;
  271 + overflow: hidden;
  272 + line-height: 80rpx;
  273 + background: #fff;
  274 + display: flex;
  275 + font-size: 34rpx;
  276 + color: #222;
  277 + border-bottom: 1rpx solid #ededed;
  278 + padding: 0 26rpx;
  279 + box-sizing: border-box;
  280 +
  281 +}
  282 +
  283 +.coupons {
  284 + font-weight: bold;
  285 + margin: 0 auto;
  286 +}
  287 +
  288 +
  289 +
  290 +
  291 +
  292 +
  293 +
  294 +
  295 +
  296 +
  297 +
  298 +
  299 +
  300 +
  301 +
  302 +@font-face {
  303 + font-family: 'iconfont'; /* project id 636259 */
  304 + src: url('//at.alicdn.com/t/font_636259_xrf3sdkafk.eot');
  305 + src: url('//at.alicdn.com/t/font_636259_xrf3sdkafk.eot?#iefix') format('embedded-opentype'),
  306 + url('//at.alicdn.com/t/font_636259_xrf3sdkafk.woff') format('woff'),
  307 + url('//at.alicdn.com/t/font_636259_xrf3sdkafk.ttf') format('truetype'),
  308 + url('//at.alicdn.com/t/font_636259_xrf3sdkafk.svg#iconfont') format('svg');
  309 +}
  310 +
  311 +
  312 +
  313 +.iconfont {
  314 + font-family: "iconfont" !important;
  315 + font-size: 16px;
  316 + font-style: normal;
  317 + -webkit-font-smoothing: antialiased;
  318 + -moz-osx-font-smoothing: grayscale;
  319 +}
  320 +
  321 +.icon-vip:before {
  322 + content: "\e62f";
  323 +}
  324 +
  325 +.icon-jia:before {
  326 + content: "\e65b";
  327 +}
  328 +
  329 +.icon-jiantouarrow486:before {
  330 + content: "\e6aa";
  331 +}
  332 +
  333 +.icon-quan:before {
  334 + content: "\e741";
  335 +}
  336 +
  337 +.icon-gouwuche:before {
  338 + content: "\e6be";
  339 +}
  340 +
  341 +.icon-cuowu:before {
  342 + content: "\e657";
  343 +}
  344 +
  345 +.icon-icondayu:before {
  346 + content: "\e632";
  347 +}
  348 +
  349 +.icon-huangguan:before {
  350 + content: "\e640";
  351 +}
  352 +
  353 +.icon-3:before {
  354 + content: "\e62c";
  355 +}
  356 +
  357 +.icon-one-off:before {
  358 + content: "\e62d";
  359 +}
  360 +
  361 +.icon-two-off:before {
  362 + content: "\e62e";
  363 +}
  364 +
  365 +.icon-shangyinhao:before {
  366 + content: "\e63f";
  367 +}
  368 +
  369 +.icon-xiaoyu:before {
  370 + content: "\e74c";
  371 +}
  372 +
  373 +.icon-diandian:before {
  374 + content: "\e631";
  375 +}
  376 +
  377 +.icon-location:before {
  378 + content: "\e601";
  379 +}
  380 +
  381 +.icon-search:before {
  382 + content: "\e602";
  383 +}
  384 +
  385 +.icon-message:before {
  386 + content: "\e603";
  387 +}
  388 +
  389 +.icon-fenlei:before {
  390 + content: "\e604";
  391 +}
  392 +
  393 +.icon-jiance:before {
  394 + content: "\e605";
  395 +}
  396 +
  397 +.icon-xingzhuang:before {
  398 + content: "\e606";
  399 +}
  400 +
  401 +.icon-xingzhuang1:before {
  402 + content: "\e607";
  403 +}
  404 +
  405 +.icon-datu:before {
  406 + content: "\e608";
  407 +}
  408 +
  409 +.icon-wangge:before {
  410 + content: "\e609";
  411 +}
  412 +
  413 +.icon-liebiao:before {
  414 + content: "\e60a";
  415 +}
  416 +
  417 +.icon-shaixuan:before {
  418 + content: "\e60b";
  419 +}
  420 +
  421 +.icon-chakanguize:before {
  422 + content: "\e600";
  423 +}
  424 +
  425 +.icon-tianxie:before {
  426 + content: "\e60c";
  427 +}
  428 +
  429 +.icon-xingzhuang2:before {
  430 + content: "\e60d";
  431 +}
  432 +
  433 +.icon-fanhui:before {
  434 + content: "\e60e";
  435 +}
  436 +
  437 +.icon-dingwei:before {
  438 + content: "\e60f";
  439 +}
  440 +
  441 +.icon-lishisousuo:before {
  442 + content: "\e610";
  443 +}
  444 +
  445 +.icon-remensousuo:before {
  446 + content: "\e611";
  447 +}
  448 +
  449 +.icon-quxiao:before {
  450 + content: "\e612";
  451 +}
  452 +
  453 +.icon-shanchu:before {
  454 + content: "\e613";
  455 +}
  456 +
  457 +.icon-zhankai:before {
  458 + content: "\e614";
  459 +}
  460 +
  461 +.icon-meipingfen:before {
  462 + content: "\e615";
  463 +}
  464 +
  465 +.icon-maishoutuijian:before {
  466 + content: "\e616";
  467 +}
  468 +
  469 +.icon-shoucang:before {
  470 + content: "\e617";
  471 +}
  472 +
  473 +.icon-jinru:before {
  474 + content: "\e618";
  475 +}
  476 +
  477 +.icon-pingfen:before {
  478 + content: "\e619";
  479 +}
  480 +
  481 +.icon-genghuan:before {
  482 + content: "\e630";
  483 +}
  484 +
  485 +.icon-location1:before {
  486 + content: "\e61a";
  487 +}
  488 +
  489 +.icon-weixuanzhong:before {
  490 + content: "\e61b";
  491 +}
  492 +
  493 +.icon-time:before {
  494 + content: "\e61c";
  495 +}
  496 +
  497 +.icon-xuanzhong:before {
  498 + content: "\e61d";
  499 +}
  500 +
  501 +.icon-fenxiangyouli:before {
  502 + content: "\e61e";
  503 +}
  504 +
  505 +.icon-wodeshoucang:before {
  506 + content: "\e61f";
  507 +}
  508 +
  509 +.icon-location2:before {
  510 + content: "\e620";
  511 +}
  512 +
  513 +.icon-yonghuzhinan:before {
  514 + content: "\e621";
  515 +}
  516 +
  517 +.icon-yijianfankui:before {
  518 + content: "\e622";
  519 +}
  520 +
  521 +.icon-qiandao:before {
  522 + content: "\e623";
  523 +}
  524 +
  525 +.icon-zhangdanmingxi:before {
  526 + content: "\e624";
  527 +}
  528 +
  529 +.icon-chuxuyouli:before {
  530 + content: "\e625";
  531 +}
  532 +
  533 +.icon-saoma:before {
  534 + content: "\e626";
  535 +}
  536 +
  537 +.icon-pingjia:before {
  538 + content: "\e627";
  539 +}
  540 +
  541 +.icon-cai:before {
  542 + content: "\e628";
  543 +}
  544 +
  545 +.icon-zan:before {
  546 + content: "\e629";
  547 +}
  548 +
  549 +.icon-kefu:before {
  550 + content: "\e62a";
  551 +}
  552 +
  553 +.icon-quxiao1:before {
  554 + content: "\e62b";
  555 +}
  556 +
  557 +.icon-dangqian:before {
  558 + content: "\e64a";
  559 +}
  560 +
  561 +.icon-meipingfen-copy:before {
  562 + content: "\e6bf";
  563 +}
  564 +
  565 +.icon-collection:before{
  566 + content: "\e607"
  567 +}
  568 +
  569 +.icon-position:before{
  570 + content: "\e634"
  571 +}
  572 +
  573 +.icon-suggest:before{
  574 + content: "\e635"
  575 +}
  576 +
  577 +
  578 +
  579 +
  580 +
  581 +.top_label {
  582 + height: 85rpx;
  583 + display: flex;
  584 + background-color: #FFF;
  585 + font-size: 34rpx;
  586 + color: #26363A;
  587 + align-items: center;
  588 + font-weight: bold;
  589 + width: 100%;
  590 + justify-content: center;
  591 + position: relative;
  592 +}
  593 +.del_btn{
  594 + font-size: 28rpx;
  595 + color: #222222;
  596 + position: absolute;
  597 + top: 50%;
  598 + right: 26rpx;
  599 + transform: translateY(-50%);
  600 +}
  1 +// pages/cart/cart.js
  2 +Page({
  3 +
  4 + /**
  5 + * 页面的初始数据
  6 + */
  7 + data: {
  8 + choose:false,
  9 + chooseAll:false,
  10 + number:1
  11 + },
  12 +
  13 + /**
  14 + * 生命周期函数--监听页面加载
  15 + */
  16 + onLoad: function (options) {
  17 +
  18 + },
  19 + // 再逛逛
  20 + get_return(){
  21 + wx.switchTab({
  22 + url: '../../pages/index/index'
  23 + });
  24 + },
  25 + //选中商品
  26 + choose(){
  27 + this.setData({
  28 + choose:!this.data.choose
  29 + });
  30 + },
  31 + //减少对应的数量
  32 + dec(){
  33 + if(this.data.number<=1){
  34 + return;
  35 + }else{
  36 + var number=this.data.number;
  37 + number--;
  38 + this.setData({
  39 + number:number
  40 + });
  41 + }
  42 + },
  43 + //选中所有商品
  44 + chooseAll(){
  45 +
  46 + },
  47 + //增加商品数量
  48 + add(){
  49 + var number = this.data.number;
  50 + number++;
  51 + this.setData({
  52 + number:number
  53 + });
  54 + },
  55 + //去结算
  56 + account(){
  57 +
  58 + },
  59 + /**
  60 + * 生命周期函数--监听页面初次渲染完成
  61 + */
  62 + onReady: function () {
  63 +
  64 + },
  65 +
  66 + /**
  67 + * 生命周期函数--监听页面显示
  68 + */
  69 + onShow: function () {
  70 +
  71 + },
  72 +
  73 + /**
  74 + * 生命周期函数--监听页面隐藏
  75 + */
  76 + onHide: function () {
  77 +
  78 + },
  79 +
  80 + /**
  81 + * 生命周期函数--监听页面卸载
  82 + */
  83 + onUnload: function () {
  84 +
  85 + },
  86 +
  87 + /**
  88 + * 页面相关事件处理函数--监听用户下拉动作
  89 + */
  90 + onPullDownRefresh: function () {
  91 +
  92 + },
  93 +
  94 + /**
  95 + * 页面上拉触底事件的处理函数
  96 + */
  97 + onReachBottom: function () {
  98 +
  99 + },
  100 +
  101 + /**
  102 + * 用户点击右上角分享
  103 + */
  104 + onShareAppMessage: function () {
  105 +
  106 + }
  107 +})
  1 +<!--pages/cart/cart.wxml-->
  2 +<view class='cart_box'>
  3 + <view class='top_label'>
  4 + 购物车
  5 + <view class='del_btn'>删除</view>
  6 + </view>
  7 + <view class='tips'>
  8 + <view class='left'>
  9 + <view class='note'>提示</view>满200元包邮,还差36包邮
  10 + </view>
  11 + <view class='right' catchtap='get_return'>再逛逛 <icon class='iconfont icon-icondayu'></icon></view>
  12 + </view>
  13 + <!-- 商品列表 -->
  14 + <view class='product_list'>
  15 + <view class='singlepart'>
  16 + <view class='single_part_top'>
  17 + <view class='single_part_left'>
  18 + <view class='iconfont icon-weixuanzhong {{chooseAll?"active":""}}' bindtap='chooseAll'></view>
  19 + 标签01商品
  20 + </view>
  21 + <view class='single_part_right'>
  22 + 鲜橙促销 买1送1
  23 + <view class='iconfont icon-icondayu'></view>
  24 + </view>
  25 + </view>
  26 + <view class='single_part_items'>
  27 + <view class='single_part_item'>
  28 + <view class='iconfont icon-weixuanzhong {{choose?"active":""}}' bindtap='choose'></view>
  29 + <view class='single_part_imgbox'>
  30 + <image src='/pages/imgs/icon32.png' mode='widthFix'></image>
  31 + </view>
  32 + <view class='single_part_detail'>
  33 + <view class='product_title'>泰式冬阴功秘制虾汤620g</view>
  34 + <view class='product_type'>小份 切丝</view>
  35 + <view class='product_action'>
  36 + <view class='price'>￥<text class='detail_price'>26</text></view>
  37 + <view class='action_box'>
  38 + <view class='short action_btn' bindtap='dec'>-</view>
  39 + <view class='detail_num'>{{number}}</view>
  40 + <view class='action_btn' bindtap='add'>+</view>
  41 + </view>
  42 + </view>
  43 + </view>
  44 + </view>
  45 + <view class='single_part_item'>
  46 + <view class='iconfont icon-weixuanzhong'></view>
  47 + <view class='single_part_imgbox'>
  48 + <image src='/pages/imgs/icon32.png' mode='widthFix'></image>
  49 + </view>
  50 + <view class='single_part_detail'>
  51 + <view class='product_title'>泰式冬阴功秘制虾汤620g</view>
  52 + <view class='product_type'>小份 切丝</view>
  53 + <view class='product_action'>
  54 + <view class='price'>￥<text class='detail_price'>26</text></view>
  55 + <view class='action_box'>
  56 + <view class='short action_btn'>-</view>
  57 + <view class='detail_num'>1</view>
  58 + <view class='action_btn'>+</view>
  59 + </view>
  60 + </view>
  61 + </view>
  62 + </view>
  63 + </view>
  64 + </view>
  65 + <view class='singlepart'>
  66 + <view class='single_part_top'>
  67 + <view class='single_part_left'>
  68 + <view class='iconfont icon-weixuanzhong'></view>
  69 + 标签01商品
  70 + </view>
  71 + <view class='single_part_right'>
  72 + 鲜橙促销 买1送1
  73 + <view class='iconfont icon-icondayu'></view>
  74 + </view>
  75 + </view>
  76 + <view class='single_part_items'>
  77 + <view class='single_part_item'>
  78 + <view class='iconfont icon-weixuanzhong'></view>
  79 + <view class='single_part_imgbox'>
  80 + <image src='/pages/imgs/icon32.png' mode='widthFix'></image>
  81 + </view>
  82 + <view class='single_part_detail'>
  83 + <view class='product_title'>泰式冬阴功秘制虾汤620g</view>
  84 + <view class='product_type'>小份 切丝</view>
  85 + <view class='product_action'>
  86 + <view class='price'>￥<text class='detail_price'>26</text></view>
  87 + <view class='action_box'>
  88 + <view class='short action_btn'>-</view>
  89 + <view class='detail_num'>1</view>
  90 + <view class='action_btn'>+</view>
  91 + </view>
  92 + </view>
  93 + </view>
  94 + </view>
  95 + <view class='single_part_item'>
  96 + <view class='iconfont icon-weixuanzhong'></view>
  97 + <view class='single_part_imgbox'>
  98 + <image src='/pages/imgs/icon32.png' mode='widthFix'></image>
  99 + </view>
  100 + <view class='single_part_detail'>
  101 + <view class='product_title'>泰式冬阴功秘制虾汤620g</view>
  102 + <view class='product_type'>小份 切丝</view>
  103 + <view class='product_action'>
  104 + <view class='price'>￥<text class='detail_price'>26</text></view>
  105 + <view class='action_box'>
  106 + <view class='short action_btn'>-</view>
  107 + <view class='detail_num'>1</view>
  108 + <view class='action_btn'>+</view>
  109 + </view>
  110 + </view>
  111 + </view>
  112 + </view>
  113 + </view>
  114 + </view>
  115 + </view>
  116 +
  117 +
  118 +</view>
  119 + <view class='bottom_ac'>
  120 + <view class='choose'>
  121 + <view class='iconfont icon-weixuanzhong'></view> 全选
  122 + </view>
  123 +
  124 + <view class='count'>
  125 + <view class='count_top'>
  126 + 合计：<view class='price'>￥<text class='detail_price'>26</text></view>
  127 + </view>
  128 + <view class='fee'>
  129 + 含运费10元
  130 + </view>
  131 + </view>
  132 + <view class='count_btn' bindtap='account'>
  133 + 结算
  134 + </view>
  135 + </view>
  1 +/* pages/cart/cart.wxss */
  2 +page{
  3 + background: #FFF;
  4 + display: flex;
  5 + flex-flow: column;
  6 + height: 100%;
  7 +}
  8 +.cart_box{
  9 + flex: 1;
  10 + display: flex;
  11 + flex-flow: column;
  12 +}
  13 +.top_label {
  14 + height: 85rpx;
  15 + display: flex;
  16 + background-color: #FFF;
  17 + font-size: 34rpx;
  18 + color: #26363A;
  19 + align-items: center;
  20 + font-weight: bold;
  21 + width: 100%;
  22 + justify-content: center;
  23 + position: relative;
  24 +}
  25 +.del_btn{
  26 + font-size: 28rpx;
  27 + color: #222222;
  28 + position: absolute;
  29 + top: 50%;
  30 + right: 26rpx;
  31 + transform: translateY(-50%);
  32 +}
  33 +.tips{
  34 + height: 50rpx;
  35 + display: flex;
  36 + align-items: center;
  37 + justify-content: space-between;
  38 + background-color: #FFDA44;
  39 + color: #333;
  40 + font-size: 24rpx;
  41 + padding: 0 40rpx;
  42 +}
  43 +.left,.right,icon{
  44 + display: flex;
  45 + align-items: center;
  46 + justify-content: center;
  47 + color: #222;
  48 +}
  49 +.note{
  50 + height: 32rpx;
  51 + border-radius: 16rpx;
  52 + font-size: 24rpx;
  53 + background-color: #fff;
  54 + padding: 0 12rpx;
  55 + width: 80rpx;
  56 + display: flex;
  57 + align-items: center;
  58 + justify-content: center;
  59 + margin-right: 30rpx;
  60 +}
  61 +.product_list{
  62 + padding: 0 25rpx;
  63 + flex: 1;
  64 + overflow-y: scroll;
  65 +}
  66 +.singlepart{
  67 + border-top: 22rpx solid #FAFAFA;
  68 +}
  69 +.single_part_top{
  70 + height: 90rpx;
  71 + display: flex;
  72 + align-items: center;
  73 + justify-content: space-between;
  74 + font-size: 24rpx;
  75 + color: #888;
  76 + border-bottom: 1rpx solid #EDEDED;
  77 +}
  78 +.single_part_right,.single_part_left{
  79 + display: flex;
  80 +}
  81 +.single_part_left{
  82 + color: #222222;
  83 + font-size: 30rpx;
  84 + font-weight: 800;
  85 +}
  86 +.single_part_left .iconfont{
  87 + color: #EDEDED;
  88 + font-size: 40rpx;
  89 + margin-right: 24rpx;
  90 +}
  91 +.single_part_left .iconfont.active,.icon-weixuanzhong.active{
  92 + color:#FFDA44
  93 +}
  94 +.single_part_item{
  95 + display: flex;
  96 + margin: 30rpx 0 60rpx;
  97 + height: 140rpx;
  98 + align-items: center;
  99 +}
  100 + .iconfont{
  101 + font-size: 40rpx;
  102 + color: #EDEDED;
  103 +}
  104 +.single_part_imgbox{
  105 + width: 140rpx;
  106 + height: 140rpx;
  107 + overflow: hidden;
  108 + margin-left: 20rpx;
  109 + margin-right: 40rpx;
  110 +}
  111 +
  112 +.single_part_imgbox image{
  113 + width: 100%;
  114 +}
  115 +.single_part_detail{
  116 + flex:1;
  117 + height: 100%;
  118 + display: flex;
  119 + flex-flow: column;
  120 +}
  121 +.product_action{
  122 + font-size: 28rpx;
  123 + color: #333;
  124 + line-height: 1;
  125 + margin-top: auto;
  126 +}
  127 +.product_title{
  128 + color: #333;
  129 + font-size: 28rpx;
  130 + margin-bottom: 10rpx;
  131 +}
  132 +.product_type {
  133 + color: #888;
  134 + font-size: 24rpx;
  135 +}
  136 +.product_action{
  137 + display: flex;
  138 + justify-content: space-between;
  139 +}
  140 +.price{
  141 + font-size: 24rpx;
  142 + color: #FF4444;
  143 +}
  144 +.detail_price{
  145 + font-size: 34rpx;
  146 + font-weight: bold;
  147 +}
  148 +.action_box{
  149 + display: flex;
  150 + align-items: center;
  151 + font-size: 30rpx;
  152 +}
  153 +.action_btn {
  154 + display: flex;
  155 + height: 38rpx;
  156 + width: 38rpx;
  157 + border-radius: 50%;
  158 + border: 1rpx solid #94999A;
  159 + align-items: center;
  160 + justify-content: center;
  161 + font-size: 30rpx;
  162 +}
  163 +.detail_num{
  164 + padding: 0 16rpx;
  165 +}
  166 +.bottom_ac{
  167 + height: 100rpx;
  168 + display: flex;
  169 + padding-left:25rpx;
  170 + background: #FFF;
  171 + align-items: center;
  172 + border-top: 1px solid #EFEFEF;
  173 +}
  174 +.choose{
  175 + display: flex;
  176 + font-size: 26rpx;
  177 + color: #888;
  178 +}
  179 +.choose .iconfont {
  180 + margin-right: 24rpx;
  181 +}
  182 +.count{
  183 + font-size: 26rpx;
  184 + margin-left: 45rpx;
  185 +}
  186 +.count_top{
  187 + display: flex;
  188 + align-items: center;
  189 +}
  190 +.fee{
  191 + color: #888;
  192 + font-size: 24rpx;
  193 +}
  194 +.count_btn{
  195 + width: 236rpx;
  196 + height: 100rpx;
  197 + background:linear-gradient(135deg, rgba(249, 145, 21, 1), rgba(245, 104, 0, 1));
  198 + display: flex;
  199 + align-items: center;
  200 + justify-content: center;
  201 + color: #FFF;
  202 + font-size: 26rpx;
  203 + justify-self: flex-end;
  204 + margin-left: auto;
  205 + -webkit-margin-start: auto;
  206 +}
  1 +// pages/cart/mask/mask.js
  2 +Page({
  3 +
  4 + /**
  5 + * 页面的初始数据
  6 + */
  7 + data: {
  8 +
  9 + },
  10 +
  11 + /**
  12 + * 生命周期函数--监听页面加载
  13 + */
  14 + onLoad: function (options) {
  15 +
  16 + },
  17 +
  18 + /**
  19 + * 生命周期函数--监听页面初次渲染完成
  20 + */
  21 + onReady: function () {
  22 +
  23 + },
  24 +
  25 + /**
  26 + * 生命周期函数--监听页面显示
  27 + */
  28 + onShow: function () {
  29 +
  30 + },
  31 +
  32 + /**
  33 + * 生命周期函数--监听页面隐藏
  34 + */
  35 + onHide: function () {
  36 +
  37 + },
  38 +
  39 + /**
  40 + * 生命周期函数--监听页面卸载
  41 + */
  42 + onUnload: function () {
  43 +
  44 + },
  45 +
  46 + /**
  47 + * 页面相关事件处理函数--监听用户下拉动作
  48 + */
  49 + onPullDownRefresh: function () {
  50 +
  51 + },
  52 +
  53 + /**
  54 + * 页面上拉触底事件的处理函数
  55 + */
  56 + onReachBottom: function () {
  57 +
  58 + },
  59 +
  60 + /**
  61 + * 用户点击右上角分享
  62 + */
  63 + onShareAppMessage: function () {
  64 +
  65 + }
  66 +})
  1 +{
  2 + "usingComponents": {}
  3 +}
  1 +<!--pages/cart/mask/mask.wxml-->
  2 +<view class='cart_mask'>
  3 + <view class='cart_mask_center'>
  4 +
  5 + </view>
  6 +</view>
  1 +/* pages/cart/mask/mask.wxss */
  2 +.cart_mask{
  3 + width: 100%;
  4 + height: 100%;
  5 + position: absolute;
  6 + background: rgba(0,0,0,0.8);
  7 +}
  8 +.cart_mask_center{
  9 + width: 600rpx;
  10 + height: 540rpx;
  11 + background:rgba(255,255,255,1);
  12 + border-radius:10px;
  13 + position: absolute;
  14 + top: 0;
  15 + bottom: 0;
  16 + left: 0;
  17 + right: 0;
  18 + margin:auto;
  19 +}
  1 +// pages/index/goodsDetial/goodsDetial.js
  2 +Page({
  3 +
  4 + /**
  5 + * 页面的初始数据
  6 + */
  7 + data: {
  8 + shoucang:false,
  9 + active:true,
  10 + flag:1,
  11 + show:false
  12 + },
  13 + //切换分量
  14 +changeFlag1(){
  15 + this.setData({
  16 + flag:1
  17 + });
  18 +},
  19 +
  20 + /**
  21 + * 生命周期函数--监听页面加载
  22 + */
  23 + onLoad: function(options) {
  24 + var query = wx.createSelectorQuery();
  25 + var offset = query.select('.itme_list5');
  26 + console.log(offset);
  27 + },
  28 + // 返回上一页
  29 + get_back() {
  30 + wx.navigateBack({})
  31 + },
  32 + // 跳转图文食谱
  33 + get_recipe(){
  34 + wx.navigateTo({
  35 + url: '../production_steps/production_steps',
  36 + })
  37 + },
  38 + // 跳转购物车
  39 + get_car() {
  40 +
  41 + this.setData({
  42 + show:!this.data.show
  43 + });
  44 + wx.switchTab({
  45 + url: '/pages/cart/cart'
  46 + });
  47 + },
  48 + //隐藏mask
  49 + hide_mask(){
  50 + this.setData({
  51 + show: !this.data.show
  52 + });
  53 + },
  54 + //跳至图文详情
  55 + jump_detail(){
  56 + this.setData({
  57 + active:false
  58 + });
  59 + wx.pageScrollTo({
  60 + scrollTop: 1400,
  61 + duration: 300
  62 + })
  63 + },
  64 + //收藏
  65 + collection(){
  66 + this.setData({
  67 + shoucang:!this.data.shoucang
  68 + });
  69 + },
  70 +
  71 + /**
  72 + * 生命周期函数--监听页面初次渲染完成
  73 + */
  74 + onReady: function() {
  75 +
  76 + },
  77 +
  78 + /**
  79 + * 生命周期函数--监听页面显示
  80 + */
  81 + onShow: function() {
  82 +
  83 + },
  84 +
  85 + /**
  86 + * 生命周期函数--监听页面隐藏
  87 + */
  88 + onHide: function() {
  89 +
  90 + },
  91 +
  92 + /**
  93 + * 生命周期函数--监听页面卸载
  94 + */
  95 + onUnload: function() {
  96 +
  97 + },
  98 +
  99 + /**
  100 + * 页面相关事件处理函数--监听用户下拉动作
  101 + */
  102 + onPullDownRefresh: function() {
  103 +
  104 + },
  105 +
  106 + /**
  107 + * 页面上拉触底事件的处理函数
  108 + */
  109 + onReachBottom: function() {
  110 +
  111 + },
  112 +
  113 + /**
  114 + * 用户点击右上角分享
  115 + */
  116 + onShareAppMessage: function() {
  117 +
  118 + }
  119 +})
  1 +<!--pages/index/goodsDetial/goodsDetial.wxml-->
  2 +<view class='detail_container'>
  3 + <view class='banner'>
  4 + <view class='iconfont icon-fanhui' catchtap='get_back'></view>
  5 + <view class='coupons'>
  6 + <view class='goods_detail {{active?"active":""}}' bindtap='details'>商品详情</view>
  7 + <view class='graphic_detail {{!active?"active":""}}' bindtap='jump_detail'>图文详情</view>
  8 + </view>
  9 + <view class='share'>分享</view>
  10 + </view>
  11 + <view class='banner_box'>
  12 + <view class='banner_img'>
  13 + <image src='../../imgs/caipu.png'></image>
  14 + </view>
  15 + </view>
  16 +
  17 + <view class='content_item'>
  18 + <view class='item_list'>
  19 + <view class='banner_title'>泰式冬阴功升级版秘制虾汤620g</view>
  20 + <view class='introduce'>量大好吃无限回购</view>
  21 + <view class='banner_character'>
  22 + <view class='banner_price'>
  23 + <view class=''>
  24 + <text class='money_icon'>￥</text>
  25 + <text class='money'>26.0</text>
  26 + <text class='original_price'>￥52.0</text>
  27 + </view>
  28 + <view class='display_box'>
  29 + <text class='money_icon2'>￥</text>
  30 + <text class='money2'>20.0</text>
  31 + <text class='vip'>会员专享</text>
  32 + </view>
  33 + </view>
  34 + <view>已售出：1566份</view>
  35 + </view>
  36 + </view>
  37 +
  38 + <view class='item_list'>
  39 + <view class='list_content'>
  40 + <view class='content_title'>
  41 + <view class='title'>商品规格</view>
  42 + <view class='content'>选择 处理方式 份量</view>
  43 + </view>
  44 + <view class='iconfont icon-jinru'></view>
  45 + </view>
  46 + <view class='list_content'>
  47 + <view class='content_title'>
  48 + <view class='title'>基本参数</view>
  49 + <view class='content'>重量：500g*包 场地/品牌：大理弥渡 ...</view>
  50 + </view>
  51 + <view class='iconfont icon-jinru'></view>
  52 + </view>
  53 + </view>
  54 +
  55 + <view class='item_list7'>
  56 + <view class='list_content'>
  57 + <view>
  58 + <view class='attribute'>
  59 + <view class='attribute_titel'>难度</view>
  60 + <view class='stars'>
  61 + <view class='iconfont icon-pingfen'></view>
  62 + <view class='iconfont icon-pingfen'></view>
  63 + <view class='iconfont icon-pingfen'></view>
  64 + <view class='iconfont icon-pingfen'></view>
  65 + <view class='iconfont icon-pingfen'></view>
  66 + </view>
  67 + </view>
  68 + <view class='attribute'>
  69 + <view class='attribute_titel'>难度</view>
  70 + <view class='stars'>10分钟</view>
  71 + </view>
  72 + </view>
  73 + <view>
  74 + <view class='attribute'>
  75 + <view class='attribute_titel'>难度</view>
  76 + <view class='attribute_content'>微辣</view>
  77 + </view>
  78 + <view class='attribute'>
  79 + <view class='attribute_titel'>难度</view>
  80 + <view class='attribute_content'>10分钟</view>
  81 + </view>
  82 +
  83 + </view>
  84 + </view>
  85 + <view class='more_box'>
  86 + <view>展开更多</view>
  87 + <view class='iconfont icon-zhankai'></view>
  88 + </view>
  89 + </view>
  90 +
  91 +
  92 + <view class='item_list1'>
  93 + <view class='hint1'>
  94 + <view>15元升级SVIP，立享5特权</view>
  95 + <view class='cash_back'>
  96 + 本商品
  97 + <text class='red_font'>更返2元</text>
  98 + </view>
  99 + </view>
  100 + <view class='hint1'>
  101 + <view>15元升级SVIP，立享5特权</view>
  102 + <view class='cash_back'>
  103 + 本商品
  104 + <text class='red_font'>更返2元</text>
  105 + </view>
  106 + </view>
  107 + </view>
  108 +
  109 + <view class='item_list2'>
  110 + <view class='user_evaluation'>
  111 + <view class='user_evaluation_title'>用户评价</view>
  112 + <view class='user_evaluation_time'>
  113 + <view>(26)</view>
  114 + <view class='iconfont icon-jinru'></view>
  115 + </view>
  116 + </view>
  117 + <view class='user_information_box'>
  118 + <view class='user_information'>
  119 + <view class='the_star'>
  120 + <view class='head_portrait'>
  121 + <image src='../../imgs/icon32.png'></image>
  122 + </view>
  123 + <view class='star_box'>
  124 + <view class='user_name'>叶晓林</view>
  125 + <view class='stars1'>
  126 + <view class='iconfont icon-pingfen'></view>
  127 + <view class='iconfont icon-pingfen'></view>
  128 + <view class='iconfont icon-pingfen'></view>
  129 + <view class='iconfont icon-pingfen'></view>
  130 + <view class='iconfont icon-pingfen'></view>
  131 + </view>
  132 + </view>
  133 + </view>
  134 + <view class='title'>2017-04-23</view>
  135 + </view>
  136 + <view class='evaluation'>第一次用Hi,鲜生，准时送达，送货上门，主动联系，态度很好,配送很快.感觉挺好。期待下一次购物~</view>
  137 + <view class='evaluation_img'>
  138 + <view class='upload_img_box'>
  139 + <view class='upload_img'>
  140 + <image src='../../imgs/pic38.png'></image>
  141 + </view>
  142 + <view class='upload_img'>
  143 + <image src='../../imgs/pic38.png'></image>
  144 + </view>
  145 + <view class='upload_img'>
  146 + <image src='../../imgs/pic38.png'></image>
  147 + </view>
  148 + </view>
  149 + </view>
  150 + <view class='comments_btn'>
  151 + <view class='iconfont icon-message'></view>
  152 + <view class='comments'>评论</view>
  153 + </view>
  154 + </view>
  155 + </view>
  156 +
  157 + <view class='item_list3'>
  158 + <view class='package_title'>购买含本商品套餐更优惠</view>
  159 + <view class='package_box'>
  160 + <view class='package_img_box'>
  161 + <view class='package_img'>
  162 + <image src='../../imgs/pic38.png'></image>
  163 + </view>
  164 + <view class='package_img'>
  165 + <image src='../../imgs/pic38.png'></image>
  166 + </view>
  167 + <view class='package_img'>
  168 + <image src='../../imgs/pic38.png'></image>
  169 + </view>
  170 + <view class='package_img'>
  171 + <image src='../../imgs/pic38.png'></image>
  172 + </view>
  173 + </view>
  174 + <view class='package_content'>
  175 + <view>粤菜大礼包 春节团圆系列</view>
  176 + <view class='package_hint'>为大家精选挑选的菜系</view>
  177 + <view class='pickage_display'>最多可省
  178 + <text class='money_icon2'>￥</text>
  179 + <text class='money2'>65.0</text> </view>
  180 + </view>
  181 + </view>
  182 + </view>
  183 +
  184 + <view class='item_list4'>
  185 + <view class='detection'>
  186 + <view class='line1'></view>
  187 + <view class='detection_title'>安心检测</view>
  188 + <view class='line2'></view>
  189 + </view>
  190 + <view class='detection_hint'>经过14项感官排查，100%可溯，点标签查看。</view>
  191 + <view class='detection_item'>
  192 + <view class='detection_box'>
  193 + <view class='detection_img'>
  194 + <image src='../../imgs/visual.png'></image>
  195 + </view>
  196 + <view>可视化种植</view>
  197 + </view>
  198 + <view class='detection_box'>
  199 + <view class='detection_img'>
  200 + <image src='../../imgs/organic.png'></image>
  201 + </view>
  202 + <view>有机认证</view>
  203 + </view>
  204 + <view class='detection_box'>
  205 + <view class='detection_img'>
  206 + <image src='../../imgs/helpsale.png'></image>
  207 + </view>
  208 + <view>帮帮卖</view>
  209 + </view>
  210 + <view class='detection_box'>
  211 + <view class='detection_img'>
  212 + <image src='../../imgs/localfood.png'></image>
  213 + </view>
  214 + <view>本地食材</view>
  215 + </view>
  216 + </view>
  217 + </view>
  218 +
  219 +
  220 + <view class='itme_list5' bindtap='checkHeight'>
  221 + <view class='recommended_box'>
  222 + <view class='iconfont icon-maishoutuijian'></view>
  223 + <view>买手推荐</view>
  224 + </view>
  225 + <view class='foretaste_box'>
  226 + <view class='head_portrait'>
  227 + <image src='../../imgs/icon32.png'></image>
  228 + </view>
  229 + <view class='buyer_recommend'>
  230 + <view class='buyer_name'>杨军</view>
  231 + <view>被称为挑剔的试吃官，力求让每个家庭吃上安心蔬菜</view>
  232 + </view>
  233 + </view>
  234 + <view class='aaa'></view>
  235 +
  236 + <view class='recommend_content'>
  237 + <view class='iconfont icon-shangyinhao'></view>
  238 + <view class='recommend_character'>沃柑生产于广西，南方温和气候有着充足的日照环境，使其沃柑更甘甜水润。沃柑个大皮薄，容易剥皮，果肉脆嫩，粒粒果肉饱满，容易剥皮，果汁多易化渣。看得到的鲜嫩美味。</view>
  239 + <view class='triangle'></view>
  240 + </view>
  241 +
  242 + <view class='ingredients'>
  243 + <view class='ingredients_title'>食材包内含20件</view>
  244 + <view class='ingredients_box'>
  245 + <view class='ingredients_img'>
  246 + <image src='../../imgs/icon32.png'></image>
  247 + </view>
  248 + <view>
  249 + <view class='ingredients_item'>
  250 + <view class='ingredients_name'>主料</view>
  251 + <view class='ingredients_content'>
  252 + <view> 排骨</view>
  253 + <view> 排骨</view>
  254 + <view> 排骨</view>
  255 + <view> 排骨</view>
  256 + <view> 排骨</view>
  257 + </view>
  258 + </view>
  259 + <view class='ingredients_item'>
  260 + <view class='ingredients_name'>主料</view>
  261 + <view class='ingredients_content'>
  262 + <view> 排骨</view>
  263 + <view> 排骨</view>
  264 + <view> 排骨</view>
  265 + <view> 排骨</view>
  266 + <view> 排骨</view>
  267 + </view>
  268 + </view>
  269 + </view>
  270 + </view>
  271 + </view>
  272 + <view class='graphic_ingredients_box'>
  273 + <view class='graphic_ingredients' bindtap='get_recipe'>
  274 + <view class='graphic_ingredients_background'>
  275 + <view class='graphic_ingredients_border'>浏览图文食谱</view>
  276 + </view>
  277 + </view>
  278 + <view class='graphic_ingredients' bindtap='get_recipe'>
  279 + <view class='graphic_ingredients_background'>
  280 + <view class='graphic_ingredients_border'>浏览图文食谱</view>
  281 + </view>
  282 + </view>
  283 + </view>
  284 + </view>
  285 +
  286 + <view class='item_list6'>
  287 +
  288 + <view class='collocation_title'>建议搭配 酸梅汁或红酒 解腻助消化</view>
  289 + <view class='collocation'>
  290 + <view class='collocation_box'>
  291 + <view class='collocation_img'>
  292 + <image src='../../imgs/pic43.png'></image>
  293 + </view>
  294 + <view class='collocation_content'>
  295 +
  296 + <view>泰式冬阴功秘制虾汤...</view>
  297 + <view class='introduce'>量大好吃无限回购</view>
  298 + <view class=''>
  299 + <text class='money_icon2'>￥</text>
  300 + <text class='money2'>20.0</text>
  301 + <text class='original_price'>￥52.0</text>
  302 + </view>
  303 + </view>
  304 + </view>
  305 +
  306 + <view class='collocation_box'>
  307 + <view class='collocation_img'>
  308 + <image src='../../imgs/pic43.png'></image>
  309 + </view>
  310 + <view class='collocation_content'>
  311 +
  312 + <view>泰式冬阴功秘制虾汤...</view>
  313 + <view class='introduce'>量大好吃无限回购</view>
  314 + <view class=''>
  315 + <text class='money_icon2'>￥</text>
  316 + <text class='money2'>20.0</text>
  317 + <text class='original_price'>￥52.0</text>
  318 + </view>
  319 + </view>
  320 + </view>
  321 + </view>
  322 +
  323 + </view>
  324 + </view>
  325 +
  326 + <view class='bottom_btn'>
  327 + <view class='hint_btn'>
  328 + <view class='shop_car' bindtap='get_car'>
  329 + <view class='iconfont icon-gouwuche'></view>
  330 + <view>购物车</view>
  331 + </view>
  332 + <view bindtap='collection'>
  333 + <view class='iconfont icon-shoucang {{shoucang?"active":""}}'></view>
  334 + <view class='shop_car {{shoucang?"active":""}}'>收藏</view>
  335 + </view>
  336 + </view>
  337 + <view class='join_btn' bindtap='get_car'>加入购物车</view>
  338 + <view class='immediately_btn'>立即购买</view>
  339 + </view>
  340 +
  341 +</view>
  342 +
  343 +<view class='cart_mask' wx:if='{{show}}'>
  344 + <view class='cart_mask_diceng'>
  345 + <view class='goods_name'>菜品名称</view>
  346 + <view class='weight'>
  347 + <view class='weight_view'>份量</view>
  348 + <view class='quality'>
  349 + <view class='{{flag===1?"active":""}} quality_left' bindtap='changeFlag1'>小份300g</view>
  350 + <view class='{{flag===2?"active":""}} quality_left'bindtap='changeFlag2'>大份400g</view>
  351 + </view>
  352 + </view>
  353 + <view class='weight'>
  354 + <view class='weight_view'>份量</view>
  355 + <view class='quality'>
  356 + <view class='{{flag===1?"active":""}} quality_left' bindtap='changeFlag1'>小份300g</view>
  357 + <view class='{{flag===2?"active":""}} quality_left'bindtap='changeFlag2'>大份400g</view>
  358 + </view>
  359 + </view>
  360 + <view class='last_box'>
  361 + <view class='last_box_top'>
  362 + <view class='last_box_top_price'>
  363 + <view>￥16</view>
  364 + <text>(小份300g\t\t不处理)</text>
  365 + </view>
  366 + </view>
  367 + <view class='last_box_top'>
  368 + <view class='last_box_top_price'>
  369 + <view class='member_price'>￥12</view>
  370 + <text class='member'>会员专享</text>
  371 + </view>
  372 + <view class='purchase' bindtap='hide_mask'>加入购物车</view>
  373 + </view>
  374 + </view>
  375 + </view>
  376 +</view>
  1 +/* pages/index/goodsDetial/goodsDetial.wxss */
  2 +
  3 +page {
  4 + background: #f3f5f5;
  5 +}
  6 +
  7 +.coupons {
  8 + font-size: 30rpx;
  9 + color: #222;
  10 + display: flex;
  11 +}
  12 +
  13 +.goods_detail {
  14 + font-weight: bold;
  15 +}
  16 +.goods_detail.active{
  17 + border-bottom: 3rpx solid #ffda44;
  18 +}
  19 +
  20 +.graphic_detail {
  21 + font-weight: bold;
  22 + margin-left: 56rpx;
  23 +}
  24 +.graphic_detail.active{
  25 + border-bottom: 3rpx solid #ffda44;
  26 +}
  27 +
  28 +.share {
  29 + font-size: 28rpx;
  30 + color: #222;
  31 +}
  32 +
  33 +.banner{
  34 + position: fixed;
  35 +}
  36 +
  37 +.banner_img {
  38 + height: 630rpx;
  39 + padding-top:80rpx;
  40 + box-sizing: border-box
  41 +}
  42 +
  43 +.banner_img image {
  44 + width: 100%;
  45 + height: 100%;
  46 +}
  47 +
  48 +.item_list {
  49 + padding: 32rpx 25rpx;
  50 + background-color: #fff;
  51 + margin-bottom: 20rpx;
  52 +}
  53 +
  54 +.banner_title {
  55 + font-size: 34rpx;
  56 + color: #222;
  57 +}
  58 +
  59 +.introduce {
  60 + font-size: 28rpx;
  61 + color: #888;
  62 +}
  63 +
  64 +.banner_character {
  65 + display: flex;
  66 + justify-content: space-between;
  67 + align-items: center;
  68 + font-size: 24rpx;
  69 + color: #888;
  70 + margin-top: 40rpx;
  71 +}
  72 +
  73 +.banner_price {
  74 + display: flex;
  75 + /* align-items: center; */
  76 +}
  77 +
  78 +.money_icon {
  79 + font-size: 22rpx;
  80 + color: #222;
  81 +}
  82 +
  83 +.money {
  84 + font-size: 38rpx;
  85 + font-weight: bold;
  86 + color: #222;
  87 +}
  88 +
  89 +.original_price {
  90 + color: #888;
  91 + text-decoration: line-through;
  92 +}
  93 +
  94 +.display_box {
  95 + margin-left: 40rpx;
  96 +}
  97 +
  98 +.money_icon2 {
  99 + font-size: 22rpx;
  100 + color: #f44;
  101 +}
  102 +
  103 +.money2 {
  104 + font-size: 38rpx;
  105 + font-weight: bold;
  106 + color: #f44;
  107 +}
  108 +
  109 +.vip {
  110 + color: #fff;
  111 + background-color: #f44;
  112 + margin-left: 5rpx;
  113 +}
  114 +
  115 +.list_content {
  116 + display: flex;
  117 + justify-content: space-between;
  118 + align-items: center;
  119 +}
  120 +
  121 +.content_title {
  122 + display: flex;
  123 +}
  124 +
  125 +.title {
  126 + font-size: 24rpx;
  127 + color: #888;
  128 +}
  129 +
  130 +.content {
  131 + font-size: 24rpx;
  132 + color: #222;
  133 + margin-left: 47rpx;
  134 +}
  135 +
  136 +.icon-jinru {
  137 + font-size: 22rpx;
  138 + color: #c7c7c7;
  139 +}
  140 +
  141 +.more_box {
  142 + font-size: 24rpx;
  143 + color: #949a9a;
  144 + border-top: 1rpx solid #ededed;
  145 + display: flex;
  146 + justify-content: center;
  147 + align-items: center;
  148 + padding-top: 24rpx;
  149 + margin-top: 35rpx;
  150 +}
  151 +
  152 +.icon-zhankai {
  153 + font-size: 14rpx;
  154 + margin-left: 10rpx;
  155 +}
  156 +
  157 +.item_list1 {
  158 + background-color: #fff;
  159 + margin-bottom: 20rpx;
  160 + display: flex;
  161 + justify-content: space-between;
  162 + align-items: center;
  163 + padding: 19rpx 16rpx;
  164 +}
  165 +
  166 +.hint1 {
  167 + font-size: 22rpx;
  168 + color: #222;
  169 + background-color: #fafafa;
  170 + border-radius: 12rpx;
  171 + padding: 25rpx 39rpx;
  172 +}
  173 +
  174 +.cash_back {
  175 + font-size: 28rpx;
  176 + font-weight: bold;
  177 + color: #222;
  178 +}
  179 +
  180 +.red_font {
  181 + font-weight: bold;
  182 + color: #f44;
  183 +}
  184 +
  185 +.item_list7 {
  186 + padding: 31rpx 25rpx 25rpx 25rpx;
  187 +}
  188 +
  189 +.attribute {
  190 + width: 375rpx;
  191 + display: flex;
  192 + align-items: center;
  193 + /* margin-left: 49rpx; */
  194 +}
  195 +
  196 +.attribute_titel {
  197 + font-size: 26rpx;
  198 + color: #94999a;
  199 +}
  200 +
  201 +.stars {
  202 + display: flex;
  203 + font-size: 26rpx;
  204 + color: #222;
  205 + margin-left: 35rpx;
  206 +}
  207 +
  208 +.icon-pingfen {
  209 + font-size: 26rpx;
  210 + color: #222;
  211 +}
  212 +
  213 +.attribute_content {
  214 + font-size: 26rpx;
  215 + color: #222;
  216 + margin-left: 113rpx;
  217 +}
  218 +
  219 +.item_list2, .item_list3, .item_list4, .itme_list5, .item_list6, .item_list7 {
  220 + background-color: #fff;
  221 + margin-bottom: 20rpx;
  222 +}
  223 +
  224 +.user_evaluation {
  225 + display: flex;
  226 + justify-content: space-between;
  227 + align-items: center;
  228 + border-bottom: 1rpx solid #f3f5f5;
  229 + padding: 31rpx 25rpx;
  230 +}
  231 +
  232 +.user_evaluation_title {
  233 + font-size: 30rpx;
  234 + font-weight: bold;
  235 + color: #222;
  236 +}
  237 +
  238 +.user_evaluation_time {
  239 + font-size: 24rpx;
  240 + color: #c7c7c7;
  241 + display: flex;
  242 + align-items: center;
  243 +}
  244 +
  245 +.comments_btn {
  246 + display: flex;
  247 + justify-content: flex-end;
  248 + align-items: center;
  249 + font-size: 23rpx;
  250 + color: #949a9a;
  251 + margin-top: 24rpx;
  252 +}
  253 +
  254 +.icon-message {
  255 + font-size: 22rpx;
  256 + color: #949a9a;
  257 + margin-right: 10rpx;
  258 +}
  259 +
  260 +.user_information_box {
  261 + padding: 31rpx 25rpx 25rpx 25rpx;
  262 +}
  263 +
  264 +.user_information {
  265 + display: flex;
  266 + justify-content: space-between;
  267 + align-items: center;
  268 +}
  269 +
  270 +.head_portrait {
  271 + width: 62rpx;
  272 + height: 62rpx;
  273 +}
  274 +
  275 +.head_portrait image {
  276 + width: 100%;
  277 + height: 100%;
  278 +}
  279 +
  280 +.star_box {
  281 + margin-left: 25rpx;
  282 +}
  283 +
  284 +.the_star {
  285 + display: flex;
  286 + align-items: center;
  287 +}
  288 +
  289 +.stars1 {
  290 + display: flex;
  291 +}
  292 +
  293 +.user_name {
  294 + font-size: 26rpx;
  295 + color: #222;
  296 +}
  297 +
  298 +.evaluation {
  299 + font-size: 24rpx;
  300 + color: #222;
  301 + margin-top: 25rpx;
  302 +}
  303 +
  304 +.evaluation_img {
  305 + margin-top: 21rpx;
  306 +}
  307 +
  308 +.upload_img_box {
  309 + display: flex;
  310 +}
  311 +
  312 +.upload_img {
  313 + width: 160rpx;
  314 + height: 160rpx;
  315 + margin-right: 20rpx;
  316 +}
  317 +
  318 +.upload_img image {
  319 + width: 100%;
  320 + height: 100%;
  321 +}
  322 +
  323 +.item_list3 {
  324 + padding: 39rpx 25rpx 40rpx 25rpx;
  325 +}
  326 +
  327 +.package_title {
  328 + font-size: 30rpx;
  329 + font-weight: bold;
  330 + color: #222;
  331 +}
  332 +
  333 +.package_box {
  334 + display: flex;
  335 + margin-top: 44rpx;
  336 +}
  337 +
  338 +.package_img_box {
  339 + width: 200rpx;
  340 + height: 200rpx;
  341 + display: flex;
  342 + flex-wrap: wrap;
  343 + /* justify-content: flex-end;
  344 + align-content: space-between; */
  345 +}
  346 +
  347 +.package_img {
  348 + width: 95rpx;
  349 + height: 95rpx;
  350 +}
  351 +
  352 +.package_img image {
  353 + width: 100%;
  354 + height: 100%;
  355 +}
  356 +
  357 +.package_content {
  358 + font-size: 30rpx;
  359 + color: #222;
  360 + margin-left: 40rpx;
  361 +}
  362 +
  363 +.package_hint {
  364 + font-size: 24rpx;
  365 + color: #94999a;
  366 +}
  367 +
  368 +.pickage_display {
  369 + font-size: 24rpx;
  370 + color: #f44;
  371 + margin-top: 47rpx;
  372 +}
  373 +
  374 +.item_list4 {
  375 + padding: 46rpx 44rpx;
  376 +}
  377 +
  378 +.detection_item {
  379 + display: flex;
  380 + justify-content: space-around;
  381 + margin-top: 58rpx;
  382 +}
  383 +
  384 +.detection {
  385 + display: flex;
  386 + justify-content: center;
  387 + align-items: center;
  388 +}
  389 +
  390 +.line1 {
  391 + width: 115rpx;
  392 + height: 1rpx;
  393 + background: linear-gradient(to right, #fff, #bbb);
  394 +}
  395 +
  396 +.line2 {
  397 + width: 115rpx;
  398 + height: 1rpx;
  399 + background: linear-gradient(to left, #fff, #bbb);
  400 +}
  401 +
  402 +.detection_title {
  403 + font-size: 26rpx;
  404 + color: #222;
  405 + margin: 0 30rpx;
  406 +}
  407 +
  408 +.detection_box {
  409 + font-size: 26rpx;
  410 + color: #222;
  411 +}
  412 +
  413 +.detection_img {
  414 + margin: 0 auto 23rpx;
  415 + width: 54rpx;
  416 + height: 54rpx;
  417 +}
  418 +
  419 +.detection_img image {
  420 + width: 100%;
  421 + height: 100%;
  422 +}
  423 +
  424 +.detection_hint {
  425 + font-size: 22rpx;
  426 + color: #94999a;
  427 + text-align: center;
  428 + margin-top: 20rpx;
  429 +}
  430 +
  431 +.itme_list5 {
  432 + position: relative;
  433 + padding: 45rpx 25rpx 30rpx 25rpx;
  434 + box-sizing: border-box;
  435 +}
  436 +
  437 +.recommended_box {
  438 + width: 150rpx;
  439 + height: 45rpx;
  440 + display: flex;
  441 + align-items: center;
  442 + justify-content: center;
  443 + background: #ffda44;
  444 + border-radius: 0 0 16rpx 16rpx;
  445 + font-size: 22rpx;
  446 + color: #333;
  447 + position: absolute;
  448 + right: 24rpx;
  449 + top: 0;
  450 +}
  451 +
  452 +.foretaste_box {
  453 + display: flex;
  454 + align-items: center;
  455 + font-size: 30rpx;
  456 +}
  457 +
  458 +.buyer_recommend {
  459 + font-size: 22rpx;
  460 + color: #94999a;
  461 + margin-left: 20rpx;
  462 +}
  463 +
  464 +.buyer_name {
  465 + font-size: 30rpx;
  466 + color: #222;
  467 +}
  468 +
  469 +.recommend_content {
  470 + background-color: #fafafa;
  471 + border-radius: 16rpx;
  472 + padding: 25rpx 25rpx 25rpx 25rpx;
  473 + margin-top: 30rpx;
  474 + font-size: 26rpx;
  475 + color: #222;
  476 + position: relative;
  477 +}
  478 +
  479 +.icon-shangyinhao {
  480 + font-size: 22rpx;
  481 + color: #e3e3e3;
  482 +}
  483 +
  484 +.triangle {
  485 + width: 0;
  486 + height: 0;
  487 + border-left: 60rpx solid #fafafa;
  488 + border-top: 30rpx solid transparent;
  489 + border-bottom: 30rpx solid transparent;
  490 + position: absolute;
  491 + top: -30rpx;
  492 + left: 50rpx;
  493 +}
  494 +
  495 +.recommend_character {
  496 + margin-left: 10rpx;
  497 +}
  498 +
  499 +.ingredients {
  500 + margin-top: 40rpx;
  501 +}
  502 +
  503 +.ingredients_title {
  504 + font-size: 30rpx;
  505 + font-weight: bold;
  506 + color: #222;
  507 + text-align: center;
  508 +}
  509 +
  510 +.ingredients_img {
  511 + width: 280rpx;
  512 + height: 280rpx;
  513 +}
  514 +
  515 +.ingredients_box {
  516 + display: flex;
  517 +}
  518 +
  519 +.ingredients_img image {
  520 + width: 100%;
  521 + height: 100%;
  522 +}
  523 +
  524 +.ingredients_item {
  525 + width: 400rpx;
  526 + font-size: 26rpx;
  527 + display: flex;
  528 + /* margin-left: 34rpx; */
  529 + margin-top: 34rpx;
  530 + border: 1px solid red;
  531 +}
  532 +
  533 +.ingredients_name {
  534 + color: #94999a;
  535 + width: 80rpx;
  536 +}
  537 +
  538 +.ingredients_content {
  539 + width: 300rpx;
  540 + display: flex;
  541 + flex-wrap: wrap;
  542 + margin-left: 30rpx;
  543 + border: 1px solid red;
  544 +}
  545 +
  546 +.graphic_ingredients_box {
  547 + margin-top: 40rpx;
  548 +}
  549 +
  550 +.graphic_ingredients {
  551 + height: 200rpx;
  552 + border: 1rpx solid red;
  553 + display: flex;
  554 + align-items: center;
  555 + justify-content: center;
  556 + background-image: url('http://hifresh.w.bronet.cn/assets/wxapp/keshihua@2x.png');
  557 + margin-bottom: 20rpx;
  558 +}
  559 +
  560 +.graphic_ingredients_background {
  561 + width: 450rpx;
  562 + height: 110rpx;
  563 + background-color: #ffb244;
  564 + display: flex;
  565 + align-items: center;
  566 + justify-content: center;
  567 +}
  568 +
  569 +.graphic_ingredients_border {
  570 + font-size: 38rpx;
  571 + color: #fff;
  572 + width: 430rpx;
  573 + height: 90rpx;
  574 + border: 1rpx solid #fff;
  575 + display: flex;
  576 + align-items: center;
  577 + justify-content: center;
  578 +}
  579 +
  580 +.item_list6 {
  581 + padding: 30rpx 25rpx;
  582 + margin-bottom:120rpx;
  583 +}
  584 +
  585 +.collocation_title {
  586 + font-size: 30rpx;
  587 + font-weight: bold;
  588 + color: #222;
  589 + margin-bottom: 40rpx;
  590 +}
  591 +
  592 +.collocation {
  593 + display: flex;
  594 + justify-content: space-between;
  595 + flex-wrap: wrap;
  596 +}
  597 +
  598 +.collocation_box {
  599 + width: 340rpx;
  600 + border: 1rpx solid red;
  601 + border-radius: 16rpx;
  602 + overflow: hidden;
  603 + /* margin-left: 20rpx; */
  604 +}
  605 +
  606 +.collocation_img {
  607 + width: 340rpx;
  608 + height: 340rpx;
  609 +}
  610 +
  611 +.collocation_img image {
  612 + width: 100%;
  613 + height: 100%;
  614 +}
  615 +
  616 +.collocation_content {
  617 + background: #fafafa;
  618 + font-size: 30rpx;
  619 + color: #222;
  620 + padding: 22rpx;
  621 +}
  622 +
  623 +.bottom_btn {
  624 + height: 100rpx;
  625 + background: #fff;
  626 + display: flex;
  627 + justify-content: flex-end;
  628 + align-items: center;
  629 + position: fixed;
  630 + bottom: 0;
  631 + left: 0
  632 +}
  633 +
  634 +.hint_btn {
  635 + width: 218rpx;
  636 + display: flex;
  637 + justify-content: space-around;
  638 + align-items: center;
  639 +}
  640 +
  641 +.icon-shoucang.active{
  642 + color:#ff6700;
  643 +}
  644 +
  645 +.shop_car {
  646 + font-size: 18rpx;
  647 + color: #747b7d;
  648 +}
  649 +
  650 +.shop_car.active{
  651 + color:#ff6700;
  652 +}
  653 +
  654 +.join_btn {
  655 + width: 266rpx;
  656 + height: 100rpx;
  657 + background: linear-gradient(to left, #ffda44, #ffb244);
  658 + display: flex;
  659 + align-items: center;
  660 + justify-content: center;
  661 + font-size: 26rpx;
  662 + color: #fff;
  663 +}
  664 +
  665 +.immediately_btn {
  666 + width: 266rpx;
  667 + height: 100rpx;
  668 + background: linear-gradient(to left, #f99115, #f56800);
  669 + display: flex;
  670 + align-items: center;
  671 + justify-content: center;
  672 + font-size: 26rpx;
  673 + color: #fff;
  674 +}
  675 +
  676 +/*购物车添加状态*/
  677 +.cart_mask{
  678 + position: absolute;
  679 + top: 0;
  680 + left: 0;
  681 + width: 100%;
  682 + height: 100%;
  683 + background: rgba(0,0,0,0.8)
  684 +}
  685 +.cart_mask_diceng{
  686 + width: 80%;
  687 + height: 550rpx;
  688 + position: absolute;
  689 + left: 0;
  690 + top: 0;
  691 + bottom:0;
  692 + right:0;
  693 + margin:auto;
  694 + background:rgba(255,255,255,1);
  695 + border-radius:10px;
  696 +}
  697 +.goods_name{
  698 + font-size:30rpx;
  699 + font-family:PingFang-SC-Bold;
  700 + font-weight:bold;
  701 + color:rgba(51,51,51,1);
  702 + line-height:36rpx;
  703 + text-align: center;
  704 + margin-top:50rpx;
  705 +}
  706 +.weight{
  707 + height: 100rpx;
  708 + margin-top:44rpx;
  709 + margin-bottom:44rpx;
  710 + padding:0 47rpx 0 36rpx;
  711 + box-sizing: border-box
  712 +}
  713 +.weight_view{
  714 + font-size:26rpx;
  715 + font-family:PingFang-SC-Medium;
  716 + font-weight:500;
  717 + color:rgba(51,51,51,1);
  718 + line-height:36rpx;
  719 +}
  720 +.quality{
  721 + margin-top:24rpx;
  722 +}
  723 +.quality_left{
  724 + width:150rpx;
  725 + height:50rpx;
  726 + background:rgba(247,247,247,1);
  727 + border-radius:10rpx;
  728 + text-align: center;
  729 + line-height: 50rpx;
  730 + font-size:26rpx;
  731 + font-family:FZY3JW--GB1-0;
  732 + font-weight:400;
  733 + color:rgba(26,26,26,1);
  734 + float: left;
  735 + margin-right:30rpx;
  736 +}
  737 +.quality_left.active{
  738 + background:rgba(255,218,68,1);
  739 +}
  740 +.last_box{
  741 + height: 110rpx;
  742 + background:rgba(247,247,247,1);
  743 + border-radius:0px 0px 10px 10px;
  744 + margin-top:70rpx;
  745 + padding:18rpx 0 0 51rpx;
  746 + box-sizing: border-box;
  747 + position: relative
  748 +}
  749 +.last_box_top{
  750 + font-size: 26rpx;
  751 +}
  752 +.last_box_top_price{
  753 + display: flex;
  754 + color: #f44;
  755 + line-height: 36rpx;
  756 + font-family:PingFang-SC-Bold;
  757 +font-weight:bold;
  758 +}
  759 +.last_box_top_price text{
  760 + color:#333;
  761 + font-size: 18rpx;
  762 + margin-left:10rpx;
  763 +}
  764 +.member_price{
  765 + color:rgba(187,138,54,1);
  766 +}
  767 +.member{
  768 + text-align: center;
  769 + font-family:PingFang-SC-Medium;
  770 + margin-left:24rpx;
  771 + background:linear-gradient(-90deg,rgba(244,243,200,1),rgba(250,216,90,1));
  772 + border-radius:5px;
  773 + color:rgba(187,138,54,1);
  774 + padding:4rpx -2rpx;
  775 + box-sizing: border-box;
  776 + /* margin-top:8rpx; */
  777 + font-size: 18rpx;
  778 + font-weight: 400;
  779 +}
  780 +.purchase{
  781 + width:160rpx;
  782 +height:50rpx;
  783 +background:rgba(255,218,68,1);
  784 +border-radius:25rpx;
  785 +font-size:24rpx;
  786 +font-family:PingFang-SC-Medium;
  787 +font-weight:500;
  788 +color:rgba(26,26,26,1);
  789 +line-height:50rpx;
  790 +text-align: center;
  791 +position: absolute;
  792 +right:36rpx;
  793 +top:30rpx;
  794 +}
  1 +// pages/index/goodsDetial2/goodsDetial2.js
  2 +Page({
  3 +
  4 + /**
  5 + * 页面的初始数据
  6 + */
  7 + data: {
  8 +
  9 + },
  10 +
  11 + /**
  12 + * 生命周期函数--监听页面加载
  13 + */
  14 + onLoad: function (options) {
  15 +
  16 + },
  17 + // 返回上一页
  18 + get_back(){
  19 + wx.navigateBack({})
  20 + },
  21 + // 商品包内容详情
  22 + getdetails_shop(){
  23 + wx.navigateTo({
  24 + url: '../goodsDetial/goodsDetial',
  25 + })
  26 + },
  27 + /**
  28 + * 生命周期函数--监听页面初次渲染完成
  29 + */
  30 + onReady: function () {
  31 +
  32 + },
  33 +
  34 + /**
  35 + * 生命周期函数--监听页面显示
  36 + */
  37 + onShow: function () {
  38 +
  39 + },
  40 +
  41 + /**
  42 + * 生命周期函数--监听页面隐藏
  43 + */
  44 + onHide: function () {
  45 +
  46 + },
  47 +
  48 + /**
  49 + * 生命周期函数--监听页面卸载
  50 + */
  51 + onUnload: function () {
  52 +
  53 + },
  54 +
  55 + /**
  56 + * 页面相关事件处理函数--监听用户下拉动作
  57 + */
  58 + onPullDownRefresh: function () {
  59 +
  60 + },
  61 +
  62 + /**
  63 + * 页面上拉触底事件的处理函数
  64 + */
  65 + onReachBottom: function () {
  66 +
  67 + },
  68 +
  69 + /**
  70 + * 用户点击右上角分享
  71 + */
  72 + onShareAppMessage: function () {
  73 +
  74 + }
  75 +})
  1 +<!--pages/index/goodsDetial/goodsDetial.wxml-->
  2 +<view>
  3 + <view class='banner'>
  4 + <view class='iconfont icon-fanhui' catchtap='get_back'></view>
  5 + <view class='coupons'>商品详情</view>
  6 + <view class='share'>分享</view>
  7 + </view>
  8 + <view class='banner_box'>
  9 + <view class='banner_img'>
  10 + <image src='../../imgs/caipu.png'></image>
  11 + </view>
  12 + <view class='banner_img'>
  13 + <image src='../../imgs/caipu.png'></image>
  14 + </view>
  15 + <view class='banner_img'>
  16 + <image src='../../imgs/caipu.png'></image>
  17 + </view>
  18 + <view class='banner_img'>
  19 + <image src='../../imgs/caipu.png'></image>
  20 + </view>
  21 + </view>
  22 + <view class='content_item'>
  23 + <view class='item_list'>
  24 + <view class='banner_title'>泰式冬阴功升级版秘制虾汤620g</view>
  25 + <view class='introduce'>量大好吃无限回购</view>
  26 + <view class='banner_character'>
  27 + <view class='banner_price'>
  28 + <view class=''>
  29 + <text class='money_icon'>￥</text>
  30 + <text class='money'>26.0</text>
  31 + <text class='original_price'>￥52.0</text>
  32 + </view>
  33 + <view class='display_box'>
  34 + <text class='money_icon2'>￥</text>
  35 + <text class='money2'>20.0</text>
  36 + <text class='vip'>会员专享</text>
  37 + </view>
  38 + </view>
  39 + <view>已售出：1566份</view>
  40 + </view>
  41 + </view>
  42 +
  43 +
  44 + <view class='item_list2'>
  45 + <view class='user_evaluation'>
  46 + <view class='user_evaluation_title'>用户评价</view>
  47 + <view class='user_evaluation_time'>
  48 + <view>(26)</view>
  49 + <view class='iconfont icon-jinru'></view>
  50 + </view>
  51 + </view>
  52 + <view class='user_information_box'>
  53 + <view class='user_information'>
  54 + <view class='the_star'>
  55 + <view class='head_portrait'>
  56 + <image src='../../imgs/icon32.png'></image>
  57 + </view>
  58 + <view class='star_box'>
  59 + <view class='user_name'>叶晓林</view>
  60 + <view class='stars1'>
  61 + <view class='iconfont icon-pingfen'></view>
  62 + <view class='iconfont icon-pingfen'></view>
  63 + <view class='iconfont icon-pingfen'></view>
  64 + <view class='iconfont icon-pingfen'></view>
  65 + <view class='iconfont icon-pingfen'></view>
  66 + </view>
  67 + </view>
  68 + </view>
  69 + <view class='title'>2017-04-23</view>
  70 + </view>
  71 + <view class='evaluation'>第一次用Hi,鲜生，准时送达，送货上门，主动联系，态度很好,配送很快.感觉挺好。期待下一次购物~</view>
  72 + <view class='evaluation_img'>
  73 + <view class='upload_img_box'>
  74 + <view class='upload_img'>
  75 + <image src='../../imgs/pic38.png'></image>
  76 + </view>
  77 + <view class='upload_img'>
  78 + <image src='../../imgs/pic38.png'></image>
  79 + </view>
  80 + <view class='upload_img'>
  81 + <image src='../../imgs/pic38.png'></image>
  82 + </view>
  83 + </view>
  84 + </view>
  85 + <view class='comments_btn'>
  86 + <view class='iconfont icon-message'></view>
  87 + <view class='comments'>评论</view>
  88 + </view>
  89 + </view>
  90 + </view>
  91 +
  92 +
  93 + <view class='item_list1'>
  94 + <view class='hint1'>
  95 + <view>15元升级SVIP，立享5特权</view>
  96 + <view class='cash_back'>
  97 + 本商品
  98 + <text class='red_font'>更返2元</text>
  99 + </view>
  100 + </view>
  101 + <view class='hint1'>
  102 + <view>15元升级SVIP，立享5特权</view>
  103 + <view class='cash_back'>
  104 + 本商品
  105 + <text class='red_font'>更返2元</text>
  106 + </view>
  107 + </view>
  108 + </view>
  109 +
  110 + <view class='item_list3'>
  111 + <view class='detection'>
  112 + <view class='line1'></view>
  113 + <view class='detection_title'>安心检测</view>
  114 + <view class='line2'></view>
  115 + </view>
  116 + <view class='detection_hint'>经过14项感官排查，100%可溯，点标签查看。</view>
  117 + <view class='detection_item'>
  118 + <view class='detection_box'>
  119 + <view class='detection_img'>
  120 + <image src='../../imgs/pic38.png'></image>
  121 + </view>
  122 + <view>可视化种植</view>
  123 + </view>
  124 + <view class='detection_box'>
  125 + <view class='detection_img'>
  126 + <image src='../../imgs/pic38.png'></image>
  127 + </view>
  128 + <view>可视化种植</view>
  129 + </view>
  130 + <view class='detection_box'>
  131 + <view class='detection_img'>
  132 + <image src='../../imgs/pic38.png'></image>
  133 + </view>
  134 + <view>可视化种植</view>
  135 + </view>
  136 + <view class='detection_box'>
  137 + <view class='detection_img'>
  138 + <image src='../../imgs/pic38.png'></image>
  139 + </view>
  140 + <view>可视化种植</view>
  141 + </view>
  142 + </view>
  143 + </view>
  144 +
  145 + <view class='itme_list5'>
  146 + <view class='recommended_box'>
  147 + <view class='iconfont icon-maishoutuijian'></view>
  148 + <view>买手推荐</view>
  149 + </view>
  150 + <view class='foretaste_box'>
  151 + <view class='head_portrait'>
  152 + <image src='../../imgs/icon32.png'></image>
  153 + </view>
  154 + <view class='buyer_recommend'>
  155 + <view class='buyer_name'>杨军</view>
  156 + <view>被称为挑剔的试吃官，力求让每个家庭吃上安心蔬菜</view>
  157 + </view>
  158 + </view>
  159 + <view class='recommend_content'>
  160 + <view class='iconfont icon-shangyinhao'></view>
  161 + <view class='recommend_character'>沃柑生产于广西，南方温和气候有着充足的日照环境，使其沃柑更甘甜水润。沃柑个大皮薄，容易剥皮，果肉脆嫩，粒粒果肉饱满，容易剥皮，果汁多易化渣。看得到的鲜嫩美味。</view>
  162 + <view class='triangle'></view>
  163 + </view>
  164 + </view>
  165 +
  166 + <view class='item_list4'>
  167 + <view class='detection'>
  168 + <view class='line1'></view>
  169 + <view class='detection_title'>商品包内容</view>
  170 + <view class='line2'></view>
  171 + </view>
  172 + <view class='detection_hint'>经过14项感官排查，100%可溯，点标签查看。</view>
  173 + <view class='collocation'>
  174 + <view class='collocation_box' bindtap='getdetails_shop'>
  175 + <view class='collocation_img'>
  176 + <image src='../../imgs/pic43.png'></image>
  177 + </view>
  178 + <view class='collocation_content'>
  179 + <view>泰式冬阴功秘制虾汤...</view>
  180 + <view class='introduce'>量大好吃无限回购</view>
  181 + </view>
  182 + </view>
  183 + <view class='collocation_box' bindtap='getdetails_shop'>
  184 + <view class='collocation_img'>
  185 + <image src='../../imgs/pic43.png'></image>
  186 + </view>
  187 + <view class='collocation_content'>
  188 + <view>泰式冬阴功秘制虾汤...</view>
  189 + <view class='introduce'>量大好吃无限回购</view>
  190 + </view>
  191 + </view>
  192 + <view class='collocation_box' bindtap='getdetails_shop'>
  193 + <view class='collocation_img'>
  194 + <image src='../../imgs/pic43.png'></image>
  195 + </view>
  196 + <view class='collocation_content'>
  197 + <view>泰式冬阴功秘制虾汤...</view>
  198 + <view class='introduce'>量大好吃无限回购</view>
  199 + </view>
  200 + </view>
  201 + <view class='collocation_box' bindtap='getdetails_shop'>
  202 + <view class='collocation_img'>
  203 + <image src='../../imgs/pic43.png'></image>
  204 + </view>
  205 + <view class='collocation_content'>
  206 + <view>泰式冬阴功秘制虾汤...</view>
  207 + <view class='introduce'>量大好吃无限回购</view>
  208 + </view>
  209 + </view>
  210 + </view>
  211 + <view class='charge_btn'>
  212 + <view class='iconfont icon-genghuan'></view>
  213 + <view>更换菜品</view>
  214 + </view>
  215 + </view>
  216 +
  217 +
  218 +<view class='tips'>
  219 + <view class='item_list7'>
  220 + <view class='detection'>
  221 + <view class='line1'></view>
  222 + <view class='detection_title'>小贴士</view>
  223 + <view class='line2'></view>
  224 + </view>
  225 + <view class='tips_content'>
  226 + <view>01 烤翅中时，在烤盘底部刷一层油再放入烤箱中烤，这样就不会粘盘。</view>
  227 + <view>02 将腌制好的翅中再涂一层蜂蜜，这样会给翅中提鲜，烤出的翅中肉质更细嫩可口。</view>
  228 + <view>03 用翅中和香菇一起烹煮，可令两种食物中的纤维效果加倍，双重营养，使人体更容易消化吸收。</view>
  229 + </view>
  230 + </view>
  231 +</view>
  232 +
  233 +
  234 + <view class='item_list6'>
  235 + <view class='collocation_title'>建议搭配 酸梅汁或红酒 解腻助消化</view>
  236 + <view class='collocation'>
  237 + <view class='collocation_box' bindtap='getdetails_shop'>
  238 + <view class='collocation_img'>
  239 + <image src='../../imgs/pic43.png'></image>
  240 + </view>
  241 + <view class='collocation_content'>
  242 + <view>泰式冬阴功秘制虾汤...</view>
  243 + <view class='introduce'>量大好吃无限回购</view>
  244 + <view class=''>
  245 + <text class='money_icon2'>￥</text>
  246 + <text class='money2'>20.0</text>
  247 + <text class='original_price'>￥52.0</text>
  248 + </view>
  249 + </view>
  250 + </view>
  251 +
  252 + <view class='collocation_box' bindtap='getdetails_shop'>
  253 + <view class='collocation_img'>
  254 + <image src='../../imgs/pic43.png'></image>
  255 + </view>
  256 + <view class='collocation_content'>
  257 + <view>泰式冬阴功秘制虾汤...</view>
  258 + <view class='introduce'>量大好吃无限回购</view>
  259 + <view class=''>
  260 + <text class='money_icon2'>￥</text>
  261 + <text class='money2'>20.0</text>
  262 + <text class='original_price'>￥52.0</text>
  263 + </view>
  264 + </view>
  265 + </view>
  266 + </view>
  267 + </view>
  268 + </view>
  269 +
  270 + <view class='bottom_btn'>
  271 + <view class='hint_btn'>
  272 + <view class='shop_car'>
  273 + <view class='iconfont icon-gouwuche'></view>
  274 + <view>购物车</view>
  275 + </view>
  276 + <view>
  277 + <view class='iconfont icon-shoucang'></view>
  278 + <view class='shop_car'>收藏</view>
  279 + </view>
  280 + </view>
  281 + <view class='join_btn'>加入购物车</view>
  282 + <view class='immediately_btn'>立即购买</view>
  283 + </view>
  284 +
  285 +</view>
  1 +/* pages/index/goodsDetial/goodsDetial.wxss */
  2 +
  3 +page {
  4 + background: #f3f5f5;
  5 +}
  6 +
  7 +.coupons {
  8 + font-size: 30rpx;
  9 + color: #222;
  10 + display: flex;
  11 +}
  12 +
  13 +.goods_detail {
  14 + font-weight: bold;
  15 + border-bottom: 3rpx solid #ffda44;
  16 +}
  17 +
  18 +.graphic_detail {
  19 + font-weight: bold;
  20 + margin-left: 56rpx;
  21 +}
  22 +
  23 +.share {
  24 + font-size: 28rpx;
  25 + color: #222;
  26 +}
  27 +
  28 +.banner_box {
  29 + display: flex;
  30 + flex-wrap: wrap;
  31 +}
  32 +
  33 +.banner_img {
  34 + width: 370rpx;
  35 + height: 315rpx;
  36 +}
  37 +
  38 +.banner_img image {
  39 + width: 100%;
  40 + height: 100%;
  41 +}
  42 +
  43 +.item_list {
  44 + padding: 32rpx 25rpx;
  45 + background-color: #fff;
  46 + margin-bottom: 20rpx;
  47 +}
  48 +
  49 +.banner_title {
  50 + font-size: 34rpx;
  51 + color: #222;
  52 +}
  53 +
  54 +.introduce {
  55 + font-size: 28rpx;
  56 + color: #888;
  57 +}
  58 +
  59 +.banner_character {
  60 + display: flex;
  61 + justify-content: space-between;
  62 + align-items: center;
  63 + font-size: 24rpx;
  64 + color: #888;
  65 + margin-top: 40rpx;
  66 +}
  67 +
  68 +.banner_price {
  69 + display: flex;
  70 + /* align-items: center; */
  71 +}
  72 +
  73 +.money_icon {
  74 + font-size: 22rpx;
  75 + color: #222;
  76 +}
  77 +
  78 +.money {
  79 + font-size: 38rpx;
  80 + font-weight: bold;
  81 + color: #222;
  82 +}
  83 +
  84 +.original_price {
  85 + color: #888;
  86 + text-decoration: line-through;
  87 +}
  88 +
  89 +.display_box {
  90 + margin-left: 40rpx;
  91 +}
  92 +
  93 +.money_icon2 {
  94 + font-size: 22rpx;
  95 + color: #f44;
  96 +}
  97 +
  98 +.money2 {
  99 + font-size: 38rpx;
  100 + font-weight: bold;
  101 + color: #f44;
  102 +}
  103 +
  104 +.vip {
  105 + color: #fff;
  106 + background-color: #f44;
  107 + margin-left: 5rpx;
  108 +}
  109 +
  110 +.list_content {
  111 + display: flex;
  112 + justify-content: space-between;
  113 + align-items: center;
  114 +}
  115 +
  116 +.content_title {
  117 + display: flex;
  118 +}
  119 +
  120 +.title {
  121 + font-size: 24rpx;
  122 + color: #888;
  123 +}
  124 +
  125 +.content {
  126 + font-size: 24rpx;
  127 + color: #222;
  128 + margin-left: 47rpx;
  129 +}
  130 +
  131 +.icon-jinru {
  132 + font-size: 22rpx;
  133 + color: #c7c7c7;
  134 +}
  135 +
  136 +.more_box {
  137 + font-size: 24rpx;
  138 + color: #949a9a;
  139 + border-top: 1rpx solid #ededed;
  140 + display: flex;
  141 + justify-content: center;
  142 + align-items: center;
  143 + padding-top: 24rpx;
  144 + margin-top: 35rpx;
  145 +}
  146 +
  147 +.icon-zhankai {
  148 + font-size: 14rpx;
  149 + margin-left: 10rpx;
  150 +}
  151 +
  152 +.item_list1 {
  153 + background-color: #fff;
  154 + margin-bottom: 20rpx;
  155 + display: flex;
  156 + justify-content: space-between;
  157 + align-items: center;
  158 + padding: 19rpx 16rpx;
  159 +}
  160 +
  161 +.hint1 {
  162 + font-size: 22rpx;
  163 + color: #222;
  164 + background-color: #fafafa;
  165 + border-radius: 12rpx;
  166 + padding: 25rpx 39rpx;
  167 +}
  168 +
  169 +.cash_back {
  170 + font-size: 28rpx;
  171 + font-weight: bold;
  172 + color: #222;
  173 +}
  174 +
  175 +.red_font {
  176 + font-weight: bold;
  177 + color: #f44;
  178 +}
  179 +
  180 +.attribute {
  181 + width: 375rpx;
  182 + display: flex;
  183 + align-items: center;
  184 + /* margin-left: 49rpx; */
  185 +}
  186 +
  187 +.attribute_titel {
  188 + font-size: 26rpx;
  189 + color: #94999a;
  190 +}
  191 +
  192 +.stars {
  193 + display: flex;
  194 + font-size: 26rpx;
  195 + color: #222;
  196 + margin-left: 35rpx;
  197 +}
  198 +
  199 +.icon-pingfen {
  200 + font-size: 26rpx;
  201 + color: #222;
  202 +}
  203 +
  204 +.attribute_content {
  205 + font-size: 26rpx;
  206 + color: #222;
  207 + margin-left: 113rpx;
  208 +}
  209 +
  210 +.item_list2, .item_list3, .item_list4, .itme_list5, .item_list6 {
  211 + background-color: #fff;
  212 + margin-bottom: 20rpx;
  213 +}
  214 +
  215 +.user_evaluation {
  216 + display: flex;
  217 + justify-content: space-between;
  218 + align-items: center;
  219 + border-bottom: 1rpx solid #f3f5f5;
  220 + padding: 31rpx 25rpx;
  221 +}
  222 +
  223 +.user_evaluation_title {
  224 + font-size: 30rpx;
  225 + font-weight: bold;
  226 + color: #222;
  227 +}
  228 +
  229 +.user_evaluation_time {
  230 + font-size: 24rpx;
  231 + color: #c7c7c7;
  232 + display: flex;
  233 + align-items: center;
  234 +}
  235 +
  236 +.comments_btn {
  237 + display: flex;
  238 + justify-content: flex-end;
  239 + align-items: center;
  240 + font-size: 23rpx;
  241 + color: #949a9a;
  242 + margin-top: 24rpx;
  243 +}
  244 +
  245 +.icon-message {
  246 + font-size: 22rpx;
  247 + color: #949a9a;
  248 + margin-right: 10rpx;
  249 +}
  250 +
  251 +.user_information_box {
  252 + padding: 31rpx 25rpx 25rpx 25rpx;
  253 +}
  254 +
  255 +.user_information {
  256 + display: flex;
  257 + justify-content: space-between;
  258 + align-items: center;
  259 +}
  260 +
  261 +.head_portrait {
  262 + width: 62rpx;
  263 + height: 62rpx;
  264 +}
  265 +
  266 +.head_portrait image {
  267 + width: 100%;
  268 + height: 100%;
  269 +}
  270 +
  271 +.star_box {
  272 + margin-left: 25rpx;
  273 +}
  274 +
  275 +.the_star {
  276 + display: flex;
  277 + align-items: center;
  278 +}
  279 +
  280 +.stars1 {
  281 + display: flex;
  282 +}
  283 +
  284 +.user_name {
  285 + font-size: 26rpx;
  286 + color: #222;
  287 +}
  288 +
  289 +.evaluation {
  290 + font-size: 24rpx;
  291 + color: #222;
  292 + margin-top: 25rpx;
  293 +}
  294 +
  295 +.evaluation_img {
  296 + margin-top: 21rpx;
  297 +}
  298 +
  299 +.upload_img_box {
  300 + display: flex;
  301 +}
  302 +
  303 +.upload_img {
  304 + width: 160rpx;
  305 + height: 160rpx;
  306 + margin-right: 20rpx;
  307 +}
  308 +
  309 +.upload_img image {
  310 + width: 100%;
  311 + height: 100%;
  312 +}
  313 +
  314 +.item_list3 {
  315 + padding: 46rpx 44rpx;
  316 +}
  317 +
  318 +.item_list4 {
  319 + padding: 30rpx 25rpx;
  320 +}
  321 +
  322 +.charge_btn {
  323 + height: 80rpx;
  324 + display: flex;
  325 + justify-content: center;
  326 + align-items: center;
  327 + font-size: 26rpx;
  328 + color: #f44;
  329 + border: 1rpx solid #f44;
  330 + border-radius: 40rpx;
  331 + margin-top: 30rpx;
  332 +}
  333 +
  334 +.detection_item {
  335 + display: flex;
  336 + justify-content: space-around;
  337 + margin-top: 58rpx;
  338 +}
  339 +
  340 +.detection {
  341 + display: flex;
  342 + justify-content: center;
  343 + align-items: center;
  344 +}
  345 +
  346 +.line1 {
  347 + width: 115rpx;
  348 + height: 1rpx;
  349 + background: linear-gradient(to right, #fff, #bbb);
  350 +}
  351 +
  352 +.line2 {
  353 + width: 115rpx;
  354 + height: 1rpx;
  355 + background: linear-gradient(to left, #fff, #bbb);
  356 +}
  357 +
  358 +.detection_title {
  359 + font-size: 26rpx;
  360 + font-weight: bold;
  361 + color: #222;
  362 + margin: 0 30rpx;
  363 +}
  364 +
  365 +.detection_box {
  366 + font-size: 26rpx;
  367 + color: #222;
  368 +}
  369 +
  370 +.detection_img {
  371 + margin: 0 auto;
  372 + width: 54rpx;
  373 + height: 54rpx;
  374 +}
  375 +
  376 +.detection_img image {
  377 + width: 100%;
  378 + height: 100%;
  379 +}
  380 +
  381 +.detection_hint {
  382 + font-size: 22rpx;
  383 + color: #94999a;
  384 + text-align: center;
  385 + margin-top: 20rpx;
  386 +}
  387 +
  388 +.itme_list5 {
  389 + position: relative;
  390 + padding: 45rpx 25rpx 30rpx 25rpx;
  391 + box-sizing: border-box;
  392 +}
  393 +
  394 +.recommended_box {
  395 + width: 150rpx;
  396 + height: 45rpx;
  397 + display: flex;
  398 + align-items: center;
  399 + justify-content: center;
  400 + background: #ffda44;
  401 + border-radius: 0 0 16rpx 16rpx;
  402 + font-size: 22rpx;
  403 + color: #333;
  404 + position: absolute;
  405 + right: 24rpx;
  406 + top: 0;
  407 +}
  408 +
  409 +.foretaste_box {
  410 + display: flex;
  411 + align-items: center;
  412 + font-size: 30rpx;
  413 +}
  414 +
  415 +.buyer_recommend {
  416 + font-size: 22rpx;
  417 + color: #94999a;
  418 + margin-left: 20rpx;
  419 +}
  420 +
  421 +.buyer_name {
  422 + font-size: 30rpx;
  423 + color: #222;
  424 +}
  425 +
  426 +.recommend_content {
  427 + background-color: #fafafa;
  428 + border-radius: 16rpx;
  429 + padding: 25rpx 25rpx 25rpx 25rpx;
  430 + margin-top: 30rpx;
  431 + font-size: 26rpx;
  432 + color: #222;
  433 + position: relative;
  434 +}
  435 +
  436 +.icon-shangyinhao {
  437 + font-size: 22rpx;
  438 + color: #e3e3e3;
  439 +}
  440 +
  441 +.triangle {
  442 + width: 0;
  443 + height: 0;
  444 + border-left: 60rpx solid #fafafa;
  445 + border-top: 30rpx solid transparent;
  446 + border-bottom: 30rpx solid transparent;
  447 + position: absolute;
  448 + top: -30rpx;
  449 + left: 50rpx;
  450 +}
  451 +
  452 +.recommend_character {
  453 + margin-left: 10rpx;
  454 +}
  455 +
  456 +.ingredients {
  457 + margin-top: 40rpx;
  458 +}
  459 +
  460 +.ingredients_title {
  461 + font-size: 30rpx;
  462 + font-weight: bold;
  463 + color: #222;
  464 + text-align: center;
  465 +}
  466 +
  467 +.ingredients_img {
  468 + width: 280rpx;
  469 + height: 280rpx;
  470 +}
  471 +
  472 +.ingredients_box {
  473 + display: flex;
  474 +}
  475 +
  476 +.ingredients_img image {
  477 + width: 100%;
  478 + height: 100%;
  479 +}
  480 +
  481 +.ingredients_item {
  482 + width: 400rpx;
  483 + font-size: 26rpx;
  484 + display: flex;
  485 + /* margin-left: 34rpx; */
  486 + margin-top: 34rpx;
  487 + border: 1px solid red;
  488 +}
  489 +
  490 +.ingredients_name {
  491 + color: #94999a;
  492 + width: 80rpx;
  493 +}
  494 +
  495 +.ingredients_content {
  496 + width: 300rpx;
  497 + display: flex;
  498 + flex-wrap: wrap;
  499 + margin-left: 30rpx;
  500 + border: 1px solid red;
  501 +}
  502 +
  503 +.graphic_ingredients_box {
  504 + margin-top: 40rpx;
  505 +}
  506 +
  507 +.graphic_ingredients {
  508 + height: 200rpx;
  509 + border: 1rpx solid red;
  510 + display: flex;
  511 + align-items: center;
  512 + justify-content: center;
  513 + background-image: url('http://hifresh.w.bronet.cn/assets/wxapp/keshihua@2x.png');
  514 + margin-bottom: 20rpx;
  515 +}
  516 +
  517 +.graphic_ingredients_background {
  518 + width: 450rpx;
  519 + height: 110rpx;
  520 + background-color: #ffb244;
  521 + display: flex;
  522 + align-items: center;
  523 + justify-content: center;
  524 +}
  525 +
  526 +.graphic_ingredients_border {
  527 + font-size: 38rpx;
  528 + color: #fff;
  529 + width: 430rpx;
  530 + height: 90rpx;
  531 + border: 1rpx solid #fff;
  532 + display: flex;
  533 + align-items: center;
  534 + justify-content: center;
  535 +}
  536 +
  537 +.item_list6 {
  538 + padding: 30rpx 25rpx 0rpx;
  539 + margin-bottom:120rpx
  540 +}
  541 +
  542 +.collocation_title {
  543 + font-size: 30rpx;
  544 + font-weight: bold;
  545 + color: #222;
  546 + margin-bottom: 40rpx;
  547 +}
  548 +
  549 +.collocation {
  550 + display: flex;
  551 + justify-content: space-between;
  552 + flex-wrap: wrap;
  553 + margin-top: 39rpx;
  554 +}
  555 +
  556 +.collocation_box {
  557 + width: 340rpx;
  558 + border: 1rpx solid red;
  559 + border-radius: 16rpx;
  560 + overflow: hidden;
  561 + margin-bottom: 20rpx;
  562 +}
  563 +
  564 +.collocation_img {
  565 + width: 340rpx;
  566 + height: 340rpx;
  567 +}
  568 +
  569 +.collocation_img image {
  570 + width: 100%;
  571 + height: 100%;
  572 +}
  573 +
  574 +.collocation_content {
  575 + background: #fafafa;
  576 + font-size: 30rpx;
  577 + color: #222;
  578 + padding: 22rpx;
  579 +}
  580 +
  581 +.bottom_btn {
  582 + height: 100rpx;
  583 + background: #fff;
  584 + display: flex;
  585 + justify-content: flex-end;
  586 + align-items: center;
  587 + position: fixed;
  588 + bottom:0;
  589 + left: 0;
  590 +}
  591 +
  592 +.hint_btn {
  593 + width: 218rpx;
  594 + display: flex;
  595 + justify-content: space-around;
  596 + align-items: center;
  597 +}
  598 +
  599 +.shop_car {
  600 + font-size: 18rpx;
  601 + color: #747b7d;
  602 +}
  603 +
  604 +.join_btn {
  605 + width: 266rpx;
  606 + height: 100rpx;
  607 + background: linear-gradient(to left, #ffda44, #ffb244);
  608 + display: flex;
  609 + align-items: center;
  610 + justify-content: center;
  611 + font-size: 26rpx;
  612 + color: #fff;
  613 +}
  614 +
  615 +.immediately_btn {
  616 + width: 266rpx;
  617 + height: 100rpx;
  618 + background: linear-gradient(to left, #f99115, #f56800);
  619 + display: flex;
  620 + align-items: center;
  621 + justify-content: center;
  622 + font-size: 26rpx;
  623 + color: #fff;
  624 +}
  625 +
  626 +.tips{
  627 + padding: 0 25rpx;
  628 + box-sizing: border-box;
  629 +}
  630 +.tips_content{
  631 + margin-top: 30rpx;
  632 + line-height: 40rpx;
  633 +}
  634 +.item_list7 {
  635 + height: 368rpx;
  636 + background: rgba(255, 255, 255, 1);
  637 + border-radius: 16rpx;
  638 + box-shadow: 15rpx 0rpx 30rpx rgba(214, 214, 214, 0.6);
  639 + font-size: 26rpx;
  640 + color: #222;
  641 + margin: 0 auto;
  642 + margin-bottom: 20rpx;
  643 + padding: 34rpx 49rpx;
  644 +}
  1 +// pages/cart/cart.js
  2 +var QQMapWX = require('../../utils/qqmap-wx-jssdk.min.js');
  3 +const app=getApp();
  4 +var qqmapsdk;
  5 +Page({
  6 +
  7 + /**
  8 + * 页面的初始数据
  9 + */
  10 + data: {
  11 + city: '',
  12 + imgUrls: [
  13 + 1, 2, 2
  14 + ],
  15 + num: 3,
  16 + count:1,
  17 + erji:3,
  18 + current_index: 0,
  19 + showad: true, //首页广告控制显示
  20 + popup_state: false,
  21 + nav: 0,
  22 + flag: false,
  23 + all: false,
  24 + currentIndex: 0,
  25 + hotList:[],
  26 + category:[],
  27 + photo:[],
  28 + banner:{},
  29 + special:[],
  30 + state:0,
  31 + product_item:[],
  32 + cookCategory:[],
  33 + goods:[],
  34 + two_banner:"",
  35 + select:[],
  36 + select_item:[],
  37 + id:0,
  38 + currnetindexs:0,
  39 + mainindex:0,
  40 + main:0
  41 + },
  42 + //切换筛选id
  43 + changeId(e){
  44 + console.log(e)
  45 + let id=e.currentTarget.dataset.id;
  46 +
  47 + this.setData({
  48 + id:id,
  49 + currnetindexs:e.currentTarget.dataset.index,
  50 + mainindex: e.currentTarget.dataset.indexs,
  51 + main: e.currentTarget.dataset.indexs,
  52 + });
  53 +
  54 + console.log(this.data.mainindex);
  55 + console.log(this.data.main)
  56 + },
  57 +
  58 + //操作筛选
  59 + operation_all(){
  60 + this.setData({
  61 + all:!this.data.all
  62 + });
  63 + },
  64 + //关闭筛选
  65 + close_all(){
  66 + this.setData({
  67 + flag: !this.data.flag
  68 + });
  69 + let url ='/wxapp/product/getProductSku';
  70 + app.post(url).then(r=>{
  71 + console.log(r);
  72 + });
  73 + },
  74 + //关闭全部分类
  75 + cancel_both_category(){
  76 + this.setData({
  77 + all:!this.data.all
  78 + });
  79 + },
  80 + // 热卖
  81 + hotList() {
  82 + let url = '/portal/index/index';
  83 + app.post(url).then(r => {
  84 + console.log(r);
  85 + this.setData({
  86 + hotList: r.gohi,
  87 + category: r.categories,
  88 + special: r.special,
  89 + banner:r.welcome,
  90 + select: r.screen,
  91 + product_item:r.recommended
  92 + })
  93 + })
  94 + },
  95 + //获取分类菜谱
  96 + category(){
  97 + let url ='/portal/index/getCookBookByCategory';
  98 + let params={
  99 + id:this.data.nav
  100 + };
  101 + app.post(url,params).then(r=>{
  102 + console.log(r);
  103 + for(var i=0;i<r.categories.length;i++){
  104 + if (r.categories[i].id===this.data.nav){
  105 + var two_banner=r.categories[i].more.banner;
  106 + this.setData({
  107 + two_banner: two_banner,
  108 + select:r.screen,
  109 + });
  110 + }
  111 + }
  112 + let goods=r.list.goods;
  113 + this.setData({
  114 + goods:goods
  115 + });
  116 + });
  117 + },
  118 + //切换导航
  119 + changeNav1() {
  120 + this.setData({
  121 + nav: 0
  122 + });
  123 + this.hotList();
  124 + },
  125 + changeNav2(e) {
  126 + let id=e.currentTarget.dataset.id;
  127 + this.setData({
  128 + nav:id
  129 + });
  130 + this.category();
  131 + },
  132 + //筛选
  133 + select() {
  134 + this.setData({
  135 + flag: !this.data.flag
  136 + });
  137 + },
  138 + //重置筛选完成
  139 + close_success(){
  140 + this.setData({
  141 + flag:!this.data.flag
  142 + });
  143 + },
  144 + /**
  145 + * 生命周期函数--监听页面加载
  146 + */
  147 + onLoad: function(options) {
  148 + qqmapsdk = new QQMapWX({
  149 + key: 'KLXBZ-KAFCF-6LVJZ-JQAAL-NCI65-XTF52'
  150 + });
  151 + this.getaddress();
  152 + this.hotList();
  153 + this.category();
  154 + },
  155 + active_btn(e) {
  156 + this.setData({
  157 + current_index: 1
  158 + })
  159 + },
  160 + getaddress() {
  161 + var that = this
  162 + wx.getLocation({
  163 + type: 'gcj02', //返回可以用于wx.openLocation的经纬度
  164 + success: function(res) {
  165 + var latitude = res.latitude
  166 + var longitude = res.longitude
  167 + qqmapsdk.reverseGeocoder({
  168 + location: {
  169 + latitude: latitude,
  170 + longitude: longitude
  171 + },
  172 + success: function(res) {
  173 + var ctiy = res.result.address_component.district
  174 + that.setData({
  175 + city: ctiy
  176 + })
  177 + },
  178 + fail: function(res) {
  179 +
  180 + },
  181 + complete: function(res) {
  182 +
  183 + }
  184 + });
  185 + }
  186 + })
  187 +
  188 + },
  189 + //中间实现凹凸
  190 + // handle_aotu:function(e){
  191 + // console.log(e);
  192 + // this.setData({
  193 + // // currentIndex: e.detail.current
  194 + // })
  195 + // },
  196 + // 跳转至详情
  197 + get_contant() {
  198 + wx.navigateTo({
  199 + url: '../../pages/my/big/big',
  200 + })
  201 + },
  202 + // 跳转商品详情
  203 + get_goodsDetial() {
  204 + wx.navigateTo({
  205 + url: '/pages/index/goodsDetial/goodsDetial',
  206 + })
  207 + },
  208 + toMessage() {
  209 + wx.navigateTo({
  210 + url: '/pages/my/activityInformation/activityInformation',
  211 + })
  212 + },
  213 + chooseAdress() {
  214 + wx.navigateTo({
  215 + url: '/pages/my/selectAddress/selectAddress',
  216 + })
  217 + },
  218 + search() {
  219 + wx.navigateTo({
  220 + url: '/pages/my/serach/serach',
  221 + })
  222 + },
  223 + //控制广告
  224 + show_ad() {
  225 + this.setData({
  226 + showad: false
  227 + })
  228 + },
  229 + //广告页的跳转
  230 + goad() {
  231 +
  232 + },
  233 +
  234 +
  235 + /**
  236 + * 生命周期函数--监听页面初次渲染完成
  237 + */
  238 + onReady: function() {
  239 +
  240 + },
  241 +
  242 + /**
  243 + * 生命周期函数--监听页面显示
  244 + */
  245 + onShow: function() {
  246 +
  247 + },
  248 +
  249 + /**
  250 + * 生命周期函数--监听页面隐藏
  251 + */
  252 + onHide: function() {
  253 +
  254 + },
  255 +
  256 + /**
  257 + * 生命周期函数--监听页面卸载
  258 + */
  259 + onUnload: function() {
  260 +
  261 + },
  262 +
  263 + /**
  264 + * 页面相关事件处理函数--监听用户下拉动作
  265 + */
  266 + onPullDownRefresh: function() {
  267 +
  268 + },
  269 +
  270 + /**
  271 + * 页面上拉触底事件的处理函数
  272 + */
  273 + onReachBottom: function() {
  274 +
  275 + },
  276 +
  277 + /**
  278 + * 用户点击右上角分享
  279 + */
  280 + onShareAppMessage: function() {
  281 +
  282 + }
  283 +})
  1 +<view class='page'>
  2 + <view class='index_top'>
  3 + <view class='index_add' bindtap='chooseAdress'>
  4 + <view class='iconfont icon-location'></view>
  5 + <text class='city_box'>{{city}}</text>
  6 + </view>
  7 + <view class='index_input' bindtap='search'>
  8 + <input placeholder='有机红颜草莓' placeholder-class='holder'></input>
  9 + <icon type='search' size='16' color='#222'></icon>
  10 + </view>
  11 + <view class='iconfont icon-message' bindtap='toMessage'></view>
  12 + </view>
  13 + <view class='nav_box'>
  14 + <swiper display-multiple-items='{{num}}' class='swiper_nav_box'>
  15 + <swiper-item>
  16 + <text class='font-nav {{nav===0?"nav_swiper_active":""}}' bindtap='changeNav1'>
  17 + 推荐
  18 + </text>
  19 + </swiper-item>
  20 + <swiper-item bindtap='active_btn' wx:for='{{category}}' wx:key='{{item.id}}' class='swiper_item'>
  21 + <text class='font-nav {{nav===item.id?"nav_swiper_active":""}}' bindtap='changeNav2' data-id='{{item.id}}'>{{item.name}}</text>
  22 + </swiper-item>
  23 + </swiper>
  24 + <view class='nav_text' bindtap='operation_all'>
  25 + <text class='iconfont icon-fenlei'></text>
  26 + </view>
  27 + </view>
  28 + <block wx:if='{{nav===0}}'>
  29 + <swiper previous-margin='40rpx' next-margin='40rpx' circular='true' display-multiple-items='1' class='swiper_banner_box'>
  30 + <swiper-item wx:for='{{special}}' wx:key='{{item.id}}'>
  31 + <image src='{{item.image}}' class="slide-image {{currentIndex == 0 ? 'active': ''}}"></image>
  32 + </swiper-item>
  33 + </swiper>
  34 + <view class='safe_box'>
  35 + <view>
  36 + <text class='iconfont icon-jiance'></text>
  37 + <text>安心检测</text>
  38 + </view>
  39 + <view>
  40 + <text class='iconfont icon-xingzhuang'></text>
  41 + <text>优选源头</text>
  42 + </view>
  43 + <view>
  44 + <text class='iconfont icon-xingzhuang1'></text>
  45 + <text>赔付保证</text>
  46 + </view>
  47 + </view>
  48 + <view class='classfy'>
  49 + <!-- <navigator to='{{banner.url}}'> -->
  50 + <image src='{{banner.image}}'></image>
  51 + <!-- </navigator> -->
  52 + </view>
  53 + <view class="safety_box function">
  54 + <navigator class="safe_item clo" url='goods_detial/goods_detial' hover-class="none">
  55 + <image src="../imgs/ic01@2x.png" alt="" mode='aspectFit'></image>
  56 + <text>会员俱乐部</text>
  57 + </navigator>
  58 + <navigator url='../my/balance _center2/balance _center2' class="safe_item clo" hover-class="none">
  59 + <image src="../imgs/ic02@2x.png" alt="" mode='aspectFit'></image>
  60 + <text>储值送券</text>
  61 + </navigator>
  62 + <navigator url="../my/balance _center2/balance _center2" class="safe_item clo" hover-class="none">
  63 + <image src="../imgs/ic03@2x.png" alt="" mode='aspectFit'></image>
  64 + <text>邀请有礼</text>
  65 + </navigator>
  66 + <navigator href="" class="safe_item clo" hover-class="none">
  67 + <image src="../imgs/ic04@2x.png" alt="" mode='aspectFit'></image>
  68 + <text>每日签到</text>
  69 + </navigator>
  70 + </view>
  71 + <view class='new_person_box'>
  72 + <view class="index_title">
  73 + <text class="title_left"></text>
  74 + <text class="title_mid">超值新人礼包</text>
  75 + <text class="title_right"></text>
  76 + </view>
  77 + <scroll-view class='scroll_box' scroll-x>
  78 + <navigator url='/pages/index/goodsDetial/goodsDetial' class='new_person_item'>
  79 + <image src='../imgs/pic1.png'></image>
  80 + <view class='goods_name'>三纹鱼片</view>
  81 + <view>
  82 + <text class='rmb'>￥</text>
  83 + <text class='pprice'>26.0</text>
  84 + <text class='oprice'>￥52.0</text>
  85 + </view>
  86 + </navigator>
  87 + <navigator url='/pages/index/goodsDetial/goodsDetial' class='new_person_item'>
  88 + <image src='../imgs/pic1.png'></image>
  89 + <view class='goods_name'>三纹鱼片</view>
  90 + <view>
  91 + <text class='rmb'>￥</text>
  92 + <text class='pprice'>26.0</text>
  93 + <text class='oprice'>￥52.0</text>
  94 + </view>
  95 + </navigator>
  96 + <navigator url='/pages/index/goodsDetial/goodsDetial' class='new_person_item'>
  97 + <image src='../imgs/pic1.png'></image>
  98 + <view class='goods_name'>三纹鱼片</view>
  99 + <view>
  100 + <text class='rmb'>￥</text>
  101 + <text class='pprice'>26.0</text>
  102 + <text class='oprice'>￥52.0</text>
  103 + </view>
  104 + </navigator>
  105 + </scroll-view>
  106 + </view>
  107 + <view class='nav_type_box'>
  108 + <view class='nav_type_left'>
  109 + <view class='nav_type type_active'>
  110 + <text class='iconfont icon-liebiao'></text>
  111 + <text>列表</text>
  112 + </view>
  113 + <view class='nav_type'>
  114 + <text class='iconfont icon-wangge'></text>
  115 + <text>网格</text>
  116 + </view>
  117 + <view class='nav_type'>
  118 + <text class='iconfont icon-datu'></text>
  119 + <text>大图</text>
  120 + </view>
  121 + </view>
  122 + <view class='nav_type_right'>
  123 + <text class='iconfont icon-shaixuan'></text>
  124 + <text bindtap='select'>筛选</text>
  125 + </view>
  126 + </view>
  127 + <view wx:for='{{product_item}}' wx:key='{{item.id}}'>
  128 + <view class='classfy' style='padding-top:40rpx;'>
  129 + <image src='{{item.more.banner}}' bindtap='get_contant'></image>
  130 + </view>
  131 + <view class='goodbox'>
  132 + <view class='good_item' bindtap='get_goodsDetial' wx:for='{{item.product_item}}' wx:key='{{item.id}}'>
  133 + <view class='good_img'>
  134 + <image src='{{item.more.thumbnail}}'></image>
  135 + </view>
  136 + <view class='good_right'>
  137 + <view class='good_name'>{{item.title}}</view>
  138 + <view class='good_stand'>{{item.label}}</view>
  139 + <view>
  140 + <text class='good_pprice'><text class='rmb'>￥</text>{{item.price}}</text>
  141 + <text class='good_oprice'><text class='rmb'>￥</text>{{item.old_price}}</text>
  142 + </view>
  143 + <view>
  144 + <view class='good_vipbox'>
  145 + <view class='good_vipbox_left'>
  146 + <text class='good_vip'><text class='rmb'>￥</text> {{item.vip_price}}</text>
  147 + <view class='good_vip_spec'>会员专享</view>
  148 + </view>
  149 + <view class='good_btn'>
  150 + <view class='iconfont icon-gouwuche'></view>
  151 + </view>
  152 + </view>
  153 + </view>
  154 + </view>
  155 + </view>
  156 + </view>
  157 + <view class='ad_box' bindtap='show_ad' wx:if='{{showad}}'>
  158 + <image src='../imgs/atan@2x.png' mode='widthFix' catchtap='goad'></image>
  159 + <view class='iconfont icon-quxiao'></view>
  160 + </view>
  161 + </view>
  162 +
  163 +
  164 + <!-- 筛选弹窗LXY -->
  165 + <view class='masx_box' bindtap='cancleMask' wx:if='{{popup_state}}'>
  166 + <view class='popup_box'>
  167 + <view class='popup_content'>
  168 + <view class='popup_title'>烹饪时间</view>
  169 + <view class='popup_item'>
  170 + <view class='popup_item_content'>10分钟</view>
  171 + <view class='popup_item_content'>10分钟</view>
  172 + <view class='popup_item_content'>10分钟</view>
  173 + </view>
  174 + </view>
  175 + <view class='popup_content'>
  176 + <view class='popup_title'>烹饪时间</view>
  177 + <view class='popup_item'>
  178 + <view class='popup_item_content'>1~2星</view>
  179 + <view class='popup_item_content'>1~2星</view>
  180 + <view class='popup_item_content'>1~2星</view>
  181 + </view>
  182 + </view>
  183 +
  184 + <view class='popup_content'>
  185 + <view class='popup_title'>烹饪时间</view>
  186 + <view class='popup_item'>
  187 + <view class='popup_item_content'>微辣</view>
  188 + <view class='popup_item_content'>微辣</view>
  189 + <view class='popup_item_content'>微辣</view>
  190 + <view class='popup_item_content'>微辣</view>
  191 + </view>
  192 + </view>
  193 +
  194 + <view class='popup_content'>
  195 + <view class='popup_title'>烹饪时间</view>
  196 + <view class='popup_item'>
  197 + <view class='popup_item_content'>
  198 + <text class='iconfont icon-xiaoyu'></text>500cal </view>
  199 + <view class='popup_item_content'> 500~2000cal </view>
  200 + <view class='popup_item_content'> >2000cal</view>
  201 + </view>
  202 + </view>
  203 +
  204 + <view class='popup_content'>
  205 + <view class='popup_title'>烹饪时间</view>
  206 + <view class='popup_item'>
  207 + <view class='popup_item_content'>10分钟</view>
  208 + <view class='popup_item_content'>10分钟</view>
  209 + <view class='popup_item_content'>10分钟</view>
  210 + </view>
  211 + </view>
  212 +
  213 + <view class='popup_content'>
  214 + <view class='popup_title'>饮食禁忌/过敏（多选）</view>
  215 + <view class='popup_item'>
  216 + <view class='popup_item_content'>鸡蛋</view>
  217 + <view class='popup_item_content'>乳制品</view>
  218 + <view class='popup_item_content'>海鲜</view>
  219 + <view class='popup_item_content'>鸡蛋</view>
  220 + <view class='popup_item_content'>乳制品</view>
  221 + <view class='popup_item_content'>海鲜</view>
  222 + <view class='popup_item_content'>鸡蛋</view>
  223 + <view class='popup_item_content'>乳制品</view>
  224 + <view class='popup_item_content'>后台自定义</view>
  225 + </view>
  226 + </view>
  227 +
  228 + <view class='popup_hint'>菜系（↓往下轮播可筛选更多属性）</view>
  229 + <view class='popup_btn'>
  230 + <view class='btn1'>重置</view>
  231 + <view class='btn2'>完成</view>
  232 + </view>
  233 + </view>
  234 + </view>
  235 + </block>
  236 + <block wx:if='{{nav===item.id}}' wx:for='{{category}}' wx:key='{{item.id}}'>
  237 + <swiper previous-margin='40rpx' next-margin='40rpx' circular='true' display-multiple-items='1' class='swiper_banner_box'>
  238 + <swiper-item>
  239 + <image src='{{two_banner}}'></image>
  240 + </swiper-item>
  241 + </swiper>
  242 + <swiper class='swiper_nav_boxs' display-multiple-items='{{count}}'>
  243 + <swiper-item class='swiper_items' wx:for='{{goods}}' wx:key='{{item.id}}'>
  244 + <view class='{{erji===item.id?"active":""}}'>{{item.name}}</view>
  245 + </swiper-item>
  246 + </swiper>
  247 + <view class='nav_type_box'>
  248 + <view class='nav_type_left'>
  249 + <view class='nav_type type_active'>
  250 + <text class='iconfont icon-liebiao'></text>
  251 + <text>列表</text>
  252 + </view>
  253 + <view class='nav_type'>
  254 + <text class='iconfont icon-wangge'></text>
  255 + <text>网格</text>
  256 + </view>
  257 + <view class='nav_type'>
  258 + <text class='iconfont icon-datu'></text>
  259 + <text>大图</text>
  260 + </view>
  261 + </view>
  262 + <view class='nav_type_right' bindtap='select'>
  263 + <text class='iconfont icon-shaixuan'></text>
  264 + <text>筛选</text>
  265 + </view>
  266 + </view>
  267 + <block wx:for='{{goods}}' wx:key='{{item.id}}'>
  268 + <view class='classfy' style='padding-top:40rpx;'>
  269 + <image src='{{item.more.banner}}' bindtap='get_contant'></image>
  270 + </view>
  271 + <view class='goodbox'>
  272 + <view class='good_item' bindtap='get_goodsDetial' wx:for='{{goods[0].child}}' wx:key='{{item.id}}'>
  273 + <view class='good_img'>
  274 + <image src='{{item.image[0]}}'></image>
  275 + </view>
  276 + <view class='good_right'>
  277 + <view class='good_name'>{{item.title}}</view>
  278 + <view class='good_stand'>量大好吃无限回购</view>
  279 + <view>
  280 + <text class='good_pprice'><text class='rmb'>￥</text>{{item.price}}</text>
  281 + <text class='good_oprice'><text class='rmb'>￥</text>{{item.old_price}}</text>
  282 + </view>
  283 + <view>
  284 + <view class='good_vipbox'>
  285 + <view class='good_vipbox_left'>
  286 + <text class='good_vip'><text class='rmb'>￥</text> {{item.vip_price}}</text>
  287 + <view class='good_vip_spec'>会员专享</view>
  288 + </view>
  289 + <view class='good_btn'>
  290 + <view class='iconfont icon-gouwuche'></view>
  291 + </view>
  292 + </view>
  293 + </view>
  294 + </view>
  295 + </view>
  296 + </view>
  297 + <view class='ad_box' bindtap='show_ad' wx:if='{{showad}}'>
  298 + <image src='../imgs/atan@2x.png' mode='widthFix' catchtap='goad'></image>
  299 + <view class='iconfont icon-quxiao'></view>
  300 + </view>
  301 + </block>
  302 + </block>
  303 +
  304 + <!-- 筛选弹窗LXY -->
  305 + <view class='masx_box' wx:if='{{flag}}'>
  306 + <view class='popup_box'>
  307 + <view class='popup_content' wx:for='{{select}}' wx:key='{{item.id}}' wx:for-item="cell" wx:for-index="cellindex" >
  308 + <view class='popup_title'>{{cell.name}}</view>
  309 + <view class='popup_item'>
  310 + <view class='popup_item_content {{currnetindexs===index&&main==mainindex?"active":""}}' wx:for='{{cell.item}}' wx:key='{{item.attribute_value}}' data-id='{{item.id}}' data-indexs="{{cellindex}}" data-index="{{index}}" bindtap='changeId'>{{item.attribute_value}}</view>
  311 + </view>
  312 + </view>
  313 + </view>
  314 + <view class='popup_hint' wx:if='{{select.length>5}}'>菜系（↓往下轮播可筛选更多属性）</view>
  315 + <view class='popup_btn'>
  316 + <view class='btn1'>重置</view>
  317 + <view class='btn2' bindtap='close_all'>完成</view>
  318 + </view>
  319 + </view>
  320 +
  321 + <view class='index_top_mask' wx:if='{{all}}'>
  322 + <view class='all_classify'>
  323 + <view class='all_classify_one'>
  324 + 全部分类
  325 + <view class='cuowu' bindtap='cancel_both_category'>×</view>
  326 + </view>
  327 + <view class='all_classify_two'>
  328 + <view class='all_classify_two_item'>
  329 + <image src='../imgs/goods_1.png'></image>
  330 + <text>热卖</text>
  331 + </view>
  332 + <view class='all_classify_two_item'>
  333 + <image src='../imgs/goods_1.png'></image>
  334 + <text>热卖</text>
  335 + </view>
  336 + <view class='all_classify_two_item'>
  337 + <image src='../imgs/goods_1.png'></image>
  338 + <text>热卖</text>
  339 + </view>
  340 + <view class='all_classify_two_item'>
  341 + <image src='../imgs/goods_1.png'></image>
  342 + <text>热卖</text>
  343 + </view>
  344 + <view class='all_classify_two_item'>
  345 + <image src='../imgs/goods_1.png'></image>
  346 + <text>热卖</text>
  347 + </view>
  348 + <view class='all_classify_two_item'>
  349 + <image src='../imgs/goods_1.png'></image>
  350 + <text>热卖</text>
  351 + </view>
  352 + </view>
  353 + </view>
  354 + </view>
  355 +</view>