You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
39 KiB
1 lines
39 KiB
{"version":3,"sources":["uni-app:///main.js","webpack:////Users/yangjie/Desktop/uniApp/商城模板/pages/goods/goods.vue?5176","webpack:////Users/yangjie/Desktop/uniApp/商城模板/pages/goods/goods.vue?2b84","webpack:////Users/yangjie/Desktop/uniApp/商城模板/pages/goods/goods.vue?948b","webpack:////Users/yangjie/Desktop/uniApp/商城模板/pages/goods/goods.vue?c1a9","uni-app:///pages/goods/goods.vue","webpack:////Users/yangjie/Desktop/uniApp/商城模板/pages/goods/goods.vue?07f6","webpack:////Users/yangjie/Desktop/uniApp/商城模板/pages/goods/goods.vue?a2d2"],"names":["createPage","Page"],"mappings":"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","file":"pages/goods/goods.js","sourcesContent":["import 'uni-pages';\nimport Vue from 'vue'\nimport Page from './pages/goods/goods.vue'\ncreatePage(Page)","import { render, staticRenderFns, recyclableRender, components } from \"./goods.vue?vue&type=template&id=5566b618&\"\nvar renderjs\nimport script from \"./goods.vue?vue&type=script&lang=js&\"\nexport * from \"./goods.vue?vue&type=script&lang=js&\"\nimport style0 from \"./goods.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null,\n false,\n components,\n renderjs\n)\n\ncomponent.options.__file = \"pages/goods/goods.vue\"\nexport default component.exports","export * from \"-!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--16-0!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./goods.vue?vue&type=template&id=5566b618&\"","var components\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--12-1!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./goods.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--12-1!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./goods.vue?vue&type=script&lang=js&\"","<template>\r\n\t<view>\r\n\t\t<view class=\"status\" :style=\"{ opacity: afterHeaderOpacity }\"></view>\r\n\t\t<view class=\"header\">\r\n\t\t\t<!-- 头部-默认显示 -->\r\n\t\t\t<view class=\"before\" :style=\"{ opacity: 1 - afterHeaderOpacity, zIndex: beforeHeaderzIndex }\">\r\n\t\t\t\t<view class=\"back\"><view class=\"icon xiangqian\" @tap=\"back\" v-if=\"showBack\"></view></view> \r\n\t\t\t\t<view class=\"middle\"></view>\r\n\t\t\t\t<view class=\"icon-btn\">\r\n\t\t\t\t\t<view class=\"icon tongzhi\" @tap=\"toMsg\"></view>\r\n\t\t\t\t\t<view class=\"icon cart\" @tap=\"joinCart\"></view>\r\n\t\t\t\t</view>\r\n\t\t\t</view>\r\n\t\t\t<!-- 头部-滚动渐变显示 -->\r\n\t\t\t<view class=\"after\" :style=\"{ opacity: afterHeaderOpacity, zIndex: afterHeaderzIndex }\">\r\n\t\t\t\t<view class=\"back\" ><view class=\"icon xiangqian\" @tap=\"back\" v-if=\"showBack\"></view></view>\r\n\t\t\t\t<view class=\"middle\">\r\n\t\t\t\t\t<view v-for=\"(anchor,index) in anchorlist\" :class=\"[selectAnchor==index ?'on':'']\" :key=\"index\" @tap=\"toAnchor(index)\">{{anchor.name}}</view>\r\n\t\t\t\t</view>\r\n\t\t\t\t<view class=\"icon-btn\">\r\n\t\t\t\t\t<view class=\"icon tongzhi\" @tap=\"toMsg\"></view>\r\n\t\t\t\t\t<view class=\"icon cart\" @tap=\"joinCart\"></view>\r\n\t\t\t\t</view>\r\n\t\t\t</view>\r\n\t\t</view>\r\n\t\t<!-- 底部菜单 -->\r\n\t\t<view class=\"footer\">\r\n\t\t\t<view class=\"icons\">\r\n\t\t\t\t<view class=\"box\" @tap=\"share\">\r\n\t\t\t\t\t<view class=\"icon fenxiang\"></view>\r\n\t\t\t\t\t<view class=\"text\">分享</view>\r\n\t\t\t\t</view>\r\n\t\t\t\t<view class=\"box\" @tap=\"toChat\">\r\n\t\t\t\t\t<view class=\"icon kefu\"></view>\r\n\t\t\t\t\t<view class=\"text\">客服</view>\r\n\t\t\t\t</view>\r\n\t\t\t\t<view class=\"box\" @tap=\"keep\">\r\n\t\t\t\t\t<view class=\"icon\" :class=\"[isKeep?'shoucangsel':'shoucang']\"></view>\r\n\t\t\t\t\t<view class=\"text\">{{isKeep?'已':''}}收藏</view>\r\n\t\t\t\t</view>\r\n\t\t\t</view>\r\n\t\t\t<view class=\"btn\">\r\n\t\t\t\t<view class=\"joinCart\" @tap=\"joinCart\">加入购物车</view>\r\n\t\t\t\t<view class=\"buy\" @tap=\"buy\">立即购买</view>\r\n\t\t\t</view>\r\n\t\t</view>\r\n\t\t<!-- share弹窗 -->\r\n\t\t<view class=\"share\" :class=\"shareClass\" @touchmove.stop.prevent=\"discard\" @tap=\"hideShare\">\r\n\t\t\t<view class=\"mask\"></view>\r\n\t\t\t<view class=\"layer\" @tap.stop=\"discard\">\r\n\t\t\t\t<view class=\"h1\">分享</view>\r\n\t\t\t\t<view class=\"list\">\r\n\t\t\t\t\t<view class=\"box\">\r\n\t\t\t\t\t\t<image src=\"../../static/img/share/wx.png\"></image>\r\n\t\t\t\t\t\t<view class=\"title\">\r\n\t\t\t\t\t\t\t微信好友\r\n\t\t\t\t\t\t</view>\r\n\t\t\t\t\t</view>\r\n\t\t\t\t\t<view class=\"box\">\r\n\t\t\t\t\t\t<image src=\"../../static/img/share/pyq.png\"></image>\r\n\t\t\t\t\t\t<view class=\"title\">\r\n\t\t\t\t\t\t\t朋友圈\r\n\t\t\t\t\t\t</view>\r\n\t\t\t\t\t</view>\r\n\t\t\t\t\t<view class=\"box\">\r\n\t\t\t\t\t\t<image src=\"../../static/img/share/wb.png\"></image>\r\n\t\t\t\t\t\t<view class=\"title\">\r\n\t\t\t\t\t\t\t新浪微博\r\n\t\t\t\t\t\t</view>\r\n\t\t\t\t\t</view>\r\n\t\t\t\t\t<view class=\"box\">\r\n\t\t\t\t\t\t<image src=\"../../static/img/share/qq.png\"></image>\r\n\t\t\t\t\t\t<view class=\"title\">\r\n\t\t\t\t\t\t\tQQ\r\n\t\t\t\t\t\t</view>\r\n\t\t\t\t\t</view>\r\n\t\t\t\t</view>\r\n\t\t\t\t<view class=\"btn\" @tap=\"hideShare\">\r\n\t\t\t\t\t取消\r\n\t\t\t\t</view>\r\n\t\t\t</view>\r\n\t\t\t\r\n\t\t</view>\r\n\t\t<!-- 服务-模态层弹窗 -->\r\n\t\t<view class=\"popup service\" :class=\"serviceClass\" @touchmove.stop.prevent=\"discard\" @tap=\"hideService\">\r\n\t\t\t<!-- 遮罩层 -->\r\n\t\t\t<view class=\"mask\"></view>\r\n\t\t\t<view class=\"layer\" @tap.stop=\"discard\">\r\n\t\t\t\t<view class=\"content\">\r\n\t\t\t\t\t<view class=\"row\" v-for=\"(item,index) in goodsData.service\" :key=\"index\">\r\n\t\t\t\t\t\t<view class=\"title\">{{item.name}}</view>\r\n\t\t\t\t\t\t<view class=\"description\">{{item.description}}</view>\r\n\t\t\t\t\t</view>\r\n\t\t\t\t</view>\r\n\t\t\t\t<view class=\"btn\"><view class=\"button\" @tap=\"hideService\">完成</view></view>\r\n\t\t\t</view>\r\n\t\t</view>\r\n\t\t<!-- 规格-模态层弹窗 -->\r\n\t\t<view class=\"popup spec\" :class=\"specClass\" @touchmove.stop.prevent=\"discard\" @tap=\"hideSpec\">\r\n\t\t\t<!-- 遮罩层 -->\r\n\t\t\t<view class=\"mask\"></view>\r\n\t\t\t<view class=\"layer\" @tap.stop=\"discard\">\r\n\t\t\t\t<view class=\"content\">\r\n\t\t\t\t\t<view class=\"title\">选择规格：</view>\r\n\t\t\t\t\t<view class=\"sp\">\r\n\t\t\t\t\t\t<view v-for=\"(item,index) in goodsData.spec\" :class=\"[index==selectSpec?'on':'']\" @tap=\"setSelectSpec(index)\" :key=\"index\">{{item}}</view>\r\n\t\t\t\t\t</view>\r\n\t\t\t\t\t<view class=\"length\" v-if=\"selectSpec!=null\">\r\n\t\t\t\t\t\t<view class=\"text\">数量</view>\r\n\t\t\t\t\t\t<view class=\"number\">\r\n\t\t\t\t\t\t\t<view class=\"sub\" @tap.stop=\"sub\">\r\n\t\t\t\t\t\t\t\t<view class=\"icon jian\"></view>\r\n\t\t\t\t\t\t\t</view>\r\n\t\t\t\t\t\t\t<view class=\"input\" @tap.stop=\"discard\">\r\n\t\t\t\t\t\t\t\t<input type=\"number\" v-model=\"goodsData.number\" />\r\n\t\t\t\t\t\t\t</view>\r\n\t\t\t\t\t\t\t<view class=\"add\" @tap.stop=\"add\">\r\n\t\t\t\t\t\t\t\t<view class=\"icon jia\"></view>\r\n\t\t\t\t\t\t\t</view>\r\n\t\t\t\t\t\t</view>\r\n\t\t\t\t\t</view>\r\n\t\t\t\t</view>\r\n\t\t\t\t<view class=\"btn\"><view class=\"button\" @tap=\"hideSpec\">完成</view></view>\r\n\t\t\t</view>\r\n\t\t</view>\r\n\t\t<!-- 商品主图轮播 -->\r\n\t\t<view class=\"swiper-box\">\r\n\t\t\t<swiper circular=\"true\" autoplay=\"true\" @change=\"swiperChange\">\r\n\t\t\t\t<swiper-item v-for=\"swiper in swiperList\" :key=\"swiper.id\">\r\n\t\t\t\t\t<image :src=\"swiper.img\"></image>\r\n\t\t\t\t</swiper-item>\r\n\t\t\t</swiper>\r\n\t\t\t<view class=\"indicator\">{{currentSwiper+1}}/{{swiperList.length}}</view>\r\n\t\t</view>\r\n\t\t<!-- 标题 价格 -->\r\n\t\t<view class=\"info-box goods-info\">\r\n\t\t\t<view class=\"price\">￥{{goodsData.price}}</view>\r\n\t\t\t<view class=\"title\">\r\n\t\t\t\t{{goodsData.name}}\r\n\t\t\t</view>\r\n\t\t</view>\r\n\t\t<!-- 服务-规则选择 -->\r\n\t\t<view class=\"info-box spec\">\r\n\t\t\t<view class=\"row\" @tap=\"showService\">\r\n\t\t\t\t<view class=\"text\">服务</view>\r\n\t\t\t\t<view class=\"content\"><view class=\"serviceitem\" v-for=\"(item,index) in goodsData.service\" :key=\"index\">{{item.name}}</view></view>\r\n\t\t\t\t<view class=\"arrow\"><view class=\"icon xiangyou\"></view></view>\r\n\t\t\t</view>\r\n\t\t\t<view class=\"row\" @tap=\"showSpec(false)\">\r\n\t\t\t\t<view class=\"text\">选择</view>\r\n\t\t\t\t<view class=\"content\">\r\n\t\t\t\t\t<view>选择规格：</view>\r\n\t\t\t\t\t<view class=\"sp\">\r\n\t\t\t\t\t\t<view v-for=\"(item,index) in goodsData.spec\" :key=\"index\" :class=\"[index==selectSpec?'on':'']\">{{item}}</view>\r\n\t\t\t\t\t</view>\r\n\t\t\t\t\t\r\n\t\t\t\t</view>\r\n\t\t\t\t<view class=\"arrow\"><view class=\"icon xiangyou\"></view></view>\r\n\t\t\t</view>\r\n\t\t</view>\r\n\t\t<!-- 评价 -->\r\n\t\t<view class=\"info-box comments\" id=\"comments\">\r\n\t\t\t<view class=\"row\">\r\n\t\t\t\t<view class=\"text\">商品评价({{goodsData.comment.number}})</view>\r\n\t\t\t\t<view class=\"arrow\" @tap=\"toRatings\">\r\n\t\t\t\t\t<view class=\"show\" @tap=\"showComments(goodsData.id)\">\r\n\t\t\t\t\t\t查看全部\r\n\t\t\t\t\t\t<view class=\"icon xiangyou\"></view>\r\n\t\t\t\t\t</view>\r\n\t\t\t\t</view>\r\n\t\t\t</view>\r\n\t\t\t<view class=\"comment\" @tap=\"toRatings\">\r\n\t\t\t\t<view class=\"user-info\">\r\n\t\t\t\t\t<view class=\"face\"><image :src=\"goodsData.comment.userface\"></image></view>\r\n\t\t\t\t\t<view class=\"username\">{{goodsData.comment.username}}</view>\r\n\t\t\t\t</view>\r\n\t\t\t\t<view class=\"content\">\r\n\t\t\t\t\t{{goodsData.comment.content}}\r\n\t\t\t\t</view>\r\n\t\t\t</view>\r\n\t\t</view>\r\n\t\t<!-- 详情 -->\r\n\t\t<view class=\"description\">\r\n\t\t\t<view class=\"title\">———— 商品详情 ————</view>\r\n\t\t\t<view class=\"content\"><rich-text :nodes=\"descriptionStr\"></rich-text></view>\r\n\t\t</view>\r\n\t</view>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n\tdata() {\r\n\t\treturn {\r\n\t\t\t//控制渐变标题栏的参数\r\n\t\t\tbeforeHeaderzIndex: 11,//层级\r\n\t\t\tafterHeaderzIndex: 10,//层级\r\n\t\t\tbeforeHeaderOpacity: 1,//不透明度\r\n\t\t\tafterHeaderOpacity: 0,//不透明度\r\n\t\t\t//是否显示返回按钮\r\n\t\t\t// #ifndef MP\r\n\t\t\tshowBack:true,\r\n\t\t\t// #endif\r\n\t\t\t//轮播主图数据\r\n\t\t\tswiperList: [\r\n\t\t\t\t{ id: 1, img: 'https://ae01.alicdn.com/kf/HTB1Mj7iTmzqK1RjSZFjq6zlCFXaP.jpg' },\r\n\t\t\t\t{ id: 2, img: 'https://ae01.alicdn.com/kf/HTB1fbseTmzqK1RjSZFLq6An2XXaL.jpg' },\r\n\t\t\t\t{ id: 3, img: 'https://ae01.alicdn.com/kf/HTB1dPUMThnaK1RjSZFtq6zC2VXa0.jpg' },\r\n\t\t\t\t{ id: 4, img: 'https://ae01.alicdn.com/kf/HTB1OHZrTXzqK1RjSZFvq6AB7VXaw.jpg' }\r\n\t\t\t],\r\n\t\t\t//轮播图下标\r\n\t\t\tcurrentSwiper: 0,\r\n\t\t\tanchorlist:[],//导航条锚点\r\n\t\t\tselectAnchor:0,//选中锚点\r\n\t\t\tserviceClass: '',//服务弹窗css类，控制开关动画\r\n\t\t\tspecClass: '',//规格弹窗css类，控制开关动画\r\n\t\t\tshareClass:'',//分享弹窗css类，控制开关动画\r\n\t\t\t// 商品信息\r\n\t\t\tgoodsData:{\r\n\t\t\t\tid:1,\r\n\t\t\t\tname:\"商品标题商品标题商品标题商品标题商品标题商品标题商品标题商品标题商品标题\",\r\n\t\t\t\tprice:\"127.00\",\r\n\t\t\t\tnumber:1,\r\n\t\t\t\tservice:[\r\n\t\t\t\t\t{name:\"正品保证\",description:\"此商品官方保证为正品\"},\r\n\t\t\t\t\t{name:\"极速退款\",description:\"此商品享受退货极速退款服务\"},\r\n\t\t\t\t\t{name:\"7天退换\",description:\"此商品享受7天无理由退换服务\"}\r\n\t\t\t\t],\r\n\t\t\t\tspec:[\"XS\",\"S\",\"M\",\"L\",\"XL\",\"XXL\"],\r\n\t\t\t\tcomment:{\r\n\t\t\t\t\tnumber:102,\r\n\t\t\t\t\tuserface:'../../static/img/face.jpg',\r\n\t\t\t\t\tusername:'大黑哥',\r\n\t\t\t\t\tcontent:'很不错，之前买了很多次了，很好看，能放很久，和图片色差不大，值得购买！'\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\tselectSpec:null,//选中规格\r\n\t\t\tisKeep:false,//收藏\r\n\t\t\t//商品描述html\r\n\t\t\tdescriptionStr:'<div style=\"text-align:center;\"><img width=\"100%\" src=\"https://ae01.alicdn.com/kf/HTB1t0fUl_Zmx1VjSZFGq6yx2XXa5.jpg\"/><img width=\"100%\" src=\"https://ae01.alicdn.com/kf/HTB1LzkjThTpK1RjSZFKq6y2wXXaT.jpg\"/><img width=\"100%\" src=\"https://ae01.alicdn.com/kf/HTB18dkiTbvpK1RjSZPiq6zmwXXa8.jpg\"/></div>'\r\n\t\t};\r\n\t},\r\n\tonLoad(option) {\r\n\t\t// #ifdef MP\r\n\t\t//小程序隐藏返回按钮\r\n\t\tthis.showBack = false;\r\n\t\t// #endif\r\n\t\t//option为object类型，会序列化上个页面传递的参数\r\n\t\tconsole.log(option.cid); //打印出上个页面传递的参数。\r\n\t},\r\n\tonReady(){\r\n\t\tthis.calcAnchor();//计算锚点高度，页面数据是ajax加载时，请把此行放在数据渲染完成事件中执行以保证高度计算正确\r\n\t},\r\n\tonPageScroll(e) {\r\n\t\t//锚点切换\r\n\t\tthis.selectAnchor = e.scrollTop>=this.anchorlist[2].top?2:e.scrollTop>=this.anchorlist[1].top?1:0;\r\n\t\t//导航栏渐变\r\n\t\tlet tmpY = 375;\r\n\t\te.scrollTop = e.scrollTop > tmpY ? 375 : e.scrollTop;\r\n\t\tthis.afterHeaderOpacity = e.scrollTop * (1 / tmpY);\r\n\t\tthis.beforeHeaderOpacity = 1 - this.afterHeaderOpacity;\r\n\t\t//切换层级\r\n\t\tthis.beforeHeaderzIndex = e.scrollTop > 0 ? 10 : 11;\r\n\t\tthis.afterHeaderzIndex = e.scrollTop > 0 ? 11 : 10;\r\n\t},\r\n\t//上拉加载，需要自己在page.json文件中配置\"onReachBottomDistance\"\r\n\tonReachBottom() {\r\n\t\tuni.showToast({ title: '触发上拉加载' });\r\n\t},\r\n\tmounted () {\r\n\t\t\r\n\t},\r\n\tmethods: {\r\n\t\t//轮播图指示器\r\n\t\tswiperChange(event) {\r\n\t\t\tthis.currentSwiper = event.detail.current;\r\n\t\t},\r\n\t\t//消息列表\r\n\t\ttoMsg(){\r\n\t\t\tuni.navigateTo({\r\n\t\t\t\turl:'../msg/msg'\r\n\t\t\t})\r\n\t\t},\r\n\t\t// 客服\r\n\t\ttoChat(){\r\n\t\t\tuni.navigateTo({\r\n\t\t\t\turl:\"../msg/chat/chat?name=客服008\"\r\n\t\t\t})\r\n\t\t},\r\n\t\t// 分享\r\n\t\tshare(){\r\n\t\t\tthis.shareClass = 'show';\r\n\t\t},\r\n\t\thideShare(){\r\n\t\t\tthis.shareClass = 'hide';\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tthis.shareClass = 'none';\r\n\t\t\t}, 150);\r\n\t\t},\r\n\t\t//收藏\r\n\t\tkeep(){\r\n\t\t\tthis.isKeep = this.isKeep?false:true;\r\n\t\t},\r\n\t\t// 加入购物车\r\n\t\tjoinCart(){\r\n\t\t\tif(this.selectSpec==null){\r\n\t\t\t\treturn this.showSpec(()=>{\r\n\t\t\t\t\tuni.showToast({title: \"已加入购物车\"});\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t\tuni.showToast({title: \"已加入购物车\"});\r\n\t\t},\r\n\t\t//立即购买\r\n\t\tbuy(){\r\n\t\t\tif(this.selectSpec==null){\r\n\t\t\t\treturn this.showSpec(()=>{\r\n\t\t\t\t\tthis.toConfirmation();\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t\tthis.toConfirmation();\r\n\t\t},\r\n\t\t//商品评论\r\n\t\ttoRatings(){\r\n\t\t\tuni.navigateTo({\r\n\t\t\t\turl:'ratings/ratings'\r\n\t\t\t})\r\n\t\t},\r\n\t\t//跳转确认订单页面\r\n\t\ttoConfirmation(){\r\n\t\t\tlet tmpList=[];\r\n\t\t\tlet goods = {id:this.goodsData.id,img:'../../static/img/goods/p1.jpg',name:this.goodsData.name,spec:'规格:'+this.goodsData.spec[this.selectSpec],price:this.goodsData.price,number:this.goodsData.number};\r\n\t\t\ttmpList.push(goods);\r\n\t\t\tuni.setStorage({\r\n\t\t\t\tkey:'buylist',\r\n\t\t\t\tdata:tmpList,\r\n\t\t\t\tsuccess: () => {\r\n\t\t\t\t\tuni.navigateTo({\r\n\t\t\t\t\t\turl:'../order/confirmation'\r\n\t\t\t\t\t})\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t},\r\n\t\t//跳转评论列表\r\n\t\tshowComments(goodsid){\r\n\t\t\t\r\n\t\t},\r\n\t\t//选择规格\r\n\t\tsetSelectSpec(index){\r\n\t\t\tthis.selectSpec = index;\r\n\t\t},\r\n\t\t//减少数量\r\n\t\tsub(){\r\n\t\t\tif(this.goodsData.number<=1){\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tthis.goodsData.number--;\r\n\t\t},\r\n\t\t//增加数量\r\n\t\tadd(){\r\n\t\t\tthis.goodsData.number++;\r\n\t\t},\r\n\t\t//跳转锚点\r\n\t\ttoAnchor(index){\r\n\t\t\tthis.selectAnchor = index;\r\n\t\t\tuni.pageScrollTo({scrollTop: this.anchorlist[index].top,duration: 200});\r\n\t\t},\r\n\t\t//计算锚点高度\r\n\t\tcalcAnchor(){\r\n\t\t\tthis.anchorlist=[\r\n\t\t\t\t{name:'主图',top:0},\r\n\t\t\t\t{name:'评价',top:0},\r\n\t\t\t\t{name:'详情',top:0}\r\n\t\t\t]\r\n\t\t\tlet commentsView = uni.createSelectorQuery().select(\"#comments\");\r\n\t\t\tcommentsView.boundingClientRect((data) => {\r\n\t\t\t\tlet statusbarHeight = 0;\r\n\t\t\t\t//APP内还要计算状态栏高度\r\n\t\t\t\t// #ifdef APP-PLUS\r\n\t\t\t\t\tstatusbarHeight = plus.navigator.getStatusbarHeight()\r\n\t\t\t\t// #endif\r\n\t\t\t\tlet headerHeight = uni.upx2px(100);\r\n\t\t\t\tthis.anchorlist[1].top = data.top - headerHeight - statusbarHeight;\r\n\t\t\t\tthis.anchorlist[2].top = data.bottom - headerHeight - statusbarHeight;\r\n\t\t\t\t\r\n\t\t\t}).exec();\r\n\t\t},\r\n\t\t//返回上一页\r\n\t\tback() {\r\n\t\t\tuni.navigateBack();\r\n\t\t},\r\n\t\t//服务弹窗\r\n\t\tshowService() {\r\n\t\t\tconsole.log('show');\r\n\t\t\tthis.serviceClass = 'show';\r\n\t\t},\r\n\t\t//关闭服务弹窗\r\n\t\thideService() {\r\n\t\t\tthis.serviceClass = 'hide';\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tthis.serviceClass = 'none';\r\n\t\t\t}, 200);\r\n\t\t},\r\n\t\t//规格弹窗\r\n\t\tshowSpec(fun) {\r\n\t\t\tconsole.log('show');\r\n\t\t\tthis.specClass = 'show';\r\n\t\t\tthis.specCallback = fun;\r\n\t\t},\r\n\t\tspecCallback(){\r\n\t\t\treturn;\r\n\t\t},\r\n\t\t//关闭规格弹窗\r\n\t\thideSpec() {\r\n\t\t\tthis.specClass = 'hide';\r\n\t\t\t//回调\r\n\r\n\t\t\tthis.selectSpec&&this.specCallback&&this.specCallback();\r\n\t\t\tthis.specCallback = false;\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tthis.specClass = 'none';\r\n\t\t\t}, 200);\r\n\t\t},\r\n\t\tdiscard() {\r\n\t\t\t//丢弃\r\n\t\t}\r\n\t}\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\npage {\r\n\tbackground-color: #f8f8f8;\r\n}\r\n@keyframes showPopup {\r\n\t\t0% {\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t\t100% {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t}\r\n\t@keyframes hidePopup {\r\n\t\t0% {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t\t100% {\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t}\r\n\t@keyframes showLayer {\r\n\t\t0% {\r\n\t\t\ttransform: translateY(0);\r\n\t\t}\r\n\t\t100% {\r\n\t\t\ttransform: translateY(-100%);\r\n\t\t}\r\n\t}\r\n\t@keyframes hideLayer {\r\n\t\t0% {\r\n\t\t\ttransform: translateY(-100%);\r\n\t\t}\r\n\t\t100% {\r\n\t\t\ttransform: translateY(0);\r\n\t\t}\r\n\t}\r\n\r\n.icon {\r\n\tfont-size: 26upx;\r\n}\r\n.status {\r\n\twidth: 100%;\r\n\theight: 0;\r\n\tposition: fixed;\r\n\tz-index: 10;\r\n\ttop: 0;\r\n\t/* #ifdef APP-PLUS */\r\n\theight: var(--status-bar-height); //覆盖样式\r\n\t/* #endif */\r\n\tbackground-color: #f1f1f1;\r\n\ttransition: opacity 0.05s linear;\r\n}\r\n.header {\r\n\twidth: 100%;\r\n\r\n\theight: 100upx;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tposition: fixed;\r\n\ttop: 0;\r\n\tz-index: 10;\r\n\t/* #ifdef APP-PLUS */\r\n\ttop: var(--status-bar-height);\r\n\t/* #endif */\r\n\t.before,\r\n\t.after {\r\n\t\twidth: 92%;\r\n\t\tpadding: 0 4%;\r\n\t\theight: 100upx;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tposition: fixed;\r\n\t\ttop: 0;\r\n\t\t/* #ifdef APP-PLUS */\r\n\t\t\ttop: var(--status-bar-height);\r\n\t\t/* #endif */\r\n\t\ttransition: opacity 0.05s linear;\r\n\t\t.back {\r\n\t\t\twidth: 125upx;\r\n\t\t\theight: 60upx;\r\n\t\t\tflex-shrink: 0;\r\n\t\t\t.icon {\r\n\t\t\t\tmargin-left: -10%;\r\n\t\t\t\twidth: 60upx;\r\n\t\t\t\theight: 60upx;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\tfont-size: 42upx;\r\n\t\t\t}\r\n\t\t}\r\n\t\t.middle {\r\n\t\t\twidth: 100%;\r\n\t\t}\r\n\t\t.icon-btn {\r\n\t\t\twidth: 125upx;\r\n\t\t\theight: 60upx;\r\n\t\t\tflex-shrink: 0;\r\n\t\t\tdisplay: flex;\r\n\t\t\t.icon {\r\n\t\t\t\t&:first-child{\r\n\t\t\t\t\tmargin-right: 5upx;\r\n\t\t\t\t}\r\n\t\t\t\twidth: 60upx;\r\n\t\t\t\theight: 60upx;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tfont-size: 42upx;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.before {\r\n\t\t.back {\r\n\t\t\t.icon {\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t\tbackground-color: rgba(0, 0, 0, 0.2);\r\n\t\t\t\tborder-radius: 100%;\r\n\t\t\t}\r\n\t\t}\r\n\t\t.icon-btn {\r\n\t\t\t.icon {\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t\tbackground-color: rgba(0, 0, 0, 0.2);\r\n\t\t\t\tborder-radius: 100%;\r\n\t\t\t\t\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.after {\r\n\t\tbackground-color: #f1f1f1;\r\n\t\t.back {\r\n\t\t\t.icon {\r\n\t\t\t\tcolor: #666;\r\n\t\t\t}\r\n\t\t}\r\n\t\t.icon-btn {\r\n\t\t\t.icon {\r\n\t\t\t\tcolor: #666;\r\n\t\t\t}\r\n\t\t}\r\n\t\t.middle {\r\n\t\t\tfont-size: 32upx;\r\n\t\t\theight: 90upx;\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\talign-items: center;\r\n\t\t\tpadding: 0 7%;\r\n\t\t\tview {\r\n\t\t\t\twidth: (100%/3);\r\n\t\t\t\tpadding: 0 3%;\r\n\t\t\t\tmargin: 0 3%;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\t&.on {\r\n\t\t\t\t\tmargin-bottom: -4upx;\r\n\t\t\t\t\tcolor: #f47952;\r\n\t\t\t\t\tborder-bottom: solid 4upx #f47952;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n.swiper-box {\r\n\tposition: relative;\r\n\twidth: 100%;\r\n\theight: 100vw;\r\n\tswiper {\r\n\t\twidth: 100%;\r\n\t\theight: 100vw;\r\n\t\tswiper-item {\r\n\t\t\timage {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 100vw;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.indicator{\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tpadding: 0 25upx;\r\n\t\theight: 40upx;\r\n\t\tborder-radius: 40upx;\r\n\t\tfont-size: 22upx;\r\n\t\tposition: absolute;\r\n\t\tbottom: 20upx;\r\n\t\tright: 20upx;\r\n\t\tcolor: #fff;\r\n\t\tbackground-color: rgba(0, 0, 0, 0.2);\r\n\t}\r\n}\r\n.info-box {\r\n\twidth: 92%;\r\n\tpadding: 20upx 4%;\r\n\tbackground-color: #fff;\r\n\tmargin-bottom: 20upx;\r\n}\r\n\r\n.goods-info {\r\n\t.price {\r\n\t\tfont-size: 46upx;\r\n\t\tfont-weight: 600;\r\n\t\tcolor: #f47925;\r\n\t}\r\n\t.title {\r\n\t\tfont-size: 30upx;\r\n\t}\r\n}\r\n.spec {\r\n\t.row {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tmargin: 0 0 30upx 0;\r\n\t\t.text {\r\n\t\t\tfont-size: 24upx;\r\n\t\t\tcolor: #a2a2a2;\r\n\t\t\tmargin-right: 20upx;\r\n\t\t}\r\n\t\t.content {\r\n\t\t\tfont-size: 28upx;\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-wrap: wrap;\r\n\t\t\t.serviceitem{\r\n\t\t\t\tmargin-right: 10upx;\r\n\t\t\t}\r\n\t\t\t.sp {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tview {\r\n\t\t\t\t\tbackground-color: #f6f6f6;\r\n\t\t\t\t\tpadding: 5upx 10upx;\r\n\t\t\t\t\tcolor: #999;\r\n\t\t\t\t\tmargin-right: 10upx;\r\n\t\t\t\t\tfont-size: 20upx;\r\n\t\t\t\t\tborder-radius: 5upx;\r\n\t\t\t\t\t&.on{\r\n\t\t\t\t\t\tborder: solid 1upx #f47952;\r\n\t\t\t\t\t\tpadding: 4upx 8upx;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t.arrow {\r\n\t\t\tposition: absolute;\r\n\t\t\tright: 4%;\r\n\t\t\t.icon {\r\n\t\t\t\tcolor: #ccc;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n.comments {\r\n\t.row {\r\n\t\twidth: 100%;\r\n\t\theight: 40upx;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tmargin: 0 0 30upx 0;\r\n\t\t.text {\r\n\t\t\tfont-size: 30upx;\r\n\t\t}\r\n\t\t.arrow {\r\n\t\t\tfont-size: 28upx;\r\n\t\t\tposition: absolute;\r\n\t\t\tright: 4%;\r\n\t\t\tcolor: #17e6a1;\r\n\t\t\t.show {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\t.icon {\r\n\t\t\t\t\tcolor: #17e6a1;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.comment {\r\n\t\twidth: 100%;\r\n\t\t.user-info {\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 40upx;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\t.face {\r\n\t\t\t\twidth: 40upx;\r\n\t\t\t\theight: 40upx;\r\n\t\t\t\tmargin-right: 8upx;\r\n\t\t\t\timage {\r\n\t\t\t\t\twidth: 40upx;\r\n\t\t\t\t\theight: 40upx;\r\n\t\t\t\t\tborder-radius: 100%;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t.username {\r\n\t\t\t\tfont-size: 24upx;\r\n\t\t\t\tcolor: #999;\r\n\t\t\t}\r\n\t\t}\r\n\t\t.content {\r\n\t\t\tmargin-top: 10upx;\r\n\t\t\tfont-size: 26upx;\r\n\t\t}\r\n\t}\r\n}\r\n.description {\r\n\t.title {\r\n\t\twidth: 100%;\r\n\t\theight: 80upx;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tfont-size: 26upx;\r\n\t\tcolor: #999;\r\n\t}\r\n}\r\n.footer {\r\n\tposition: fixed;\r\n\tbottom: 0upx;\r\n\twidth: 92%;\r\n\tpadding: 0 4%;\r\n\theight: 99upx;\r\n\tborder-top: solid 1upx #eee;\r\n\tbackground-color: #fff;\r\n\tz-index: 2;\r\n\tdisplay: flex;\r\n\tjustify-content: space-between;\r\n\talign-items: center;\r\n\t.icons {\r\n\t\tdisplay: flex;\r\n\t\theight: 80upx;\r\n\t\tmargin-left: -4%;\r\n\t\t.box {\r\n\t\t\twidth: 80upx;\r\n\t\t\theight: 80upx;\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\tflex-wrap: wrap;\r\n\t\t\t.icon {\r\n\t\t\t\tfont-size: 40upx;\r\n\t\t\t\tcolor: #828282;\r\n\t\t\t}\r\n\t\t\t.text {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tfont-size: 22upx;\r\n\t\t\t\tcolor: #666;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.btn {\r\n\t\theight: 80upx;\r\n\t\tborder-radius: 40upx;\r\n\t\toverflow: hidden;\r\n\t\tdisplay: flex;\r\n\t\tmargin-right: -2%;\r\n\t\t.joinCart,\r\n\t\t.buy {\r\n\t\t\theight: 80upx;\r\n\t\t\tpadding: 0 40upx;\r\n\t\t\tcolor: #fff;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tfont-size: 28upx;\r\n\t\t}\r\n\t\t.joinCart {\r\n\t\t\tbackground-color: #f0b46c;\r\n\t\t}\r\n\t\t.buy {\r\n\t\t\tbackground-color: #f06c7a;\r\n\t\t}\r\n\t}\r\n}\r\n.popup {\r\n\tposition: fixed;\r\n\ttop: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tz-index: 20;\r\n\tdisplay: none;\r\n\t.mask{\r\n\t\tposition: fixed;\r\n\t\ttop: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tz-index: 21;\r\n\t\tbackground-color: rgba(0, 0, 0, 0.6);\r\n\t}\r\n\t.layer {\r\n\t\tposition: fixed;\r\n\t\tz-index: 22;\r\n\t\tbottom: -70%;\r\n\t\twidth: 92%;\r\n\t\tpadding: 0 4%;\r\n\t\theight: 70%;\r\n\t\tborder-radius: 20upx 20upx 0 0;\r\n\t\tbackground-color: #fff;\r\n\t\tdisplay: flex;\r\n\t\tflex-wrap: wrap;\r\n\t\talign-content: space-between;\r\n\t\t.content {\r\n\t\t\twidth: 100%;\r\n\t\t\tpadding: 20upx 0;\r\n\t\t}\r\n\t\t.btn {\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100upx;\r\n\t\t\t.button {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 80upx;\r\n\t\t\t\tborder-radius: 40upx;\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\tbackground-color: #f47952;\r\n\t\t\t\tfont-size: 28upx;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t\r\n\t&.show {\r\n\t\tdisplay: block;\r\n\t\t.mask{\r\n\t\t\tanimation: showPopup 0.2s linear both;\r\n\t\t}\r\n\t\t.layer {\r\n\t\t\tanimation: showLayer 0.2s linear both;\r\n\t\t}\r\n\t}\r\n\t&.hide {\r\n\t\tdisplay: block;\r\n\t\t.mask{\r\n\t\t\tanimation: hidePopup 0.2s linear both;\r\n\t\t}\r\n\t\t\r\n\t\t.layer {\r\n\t\t\tanimation: hideLayer 0.2s linear both;\r\n\t\t}\r\n\t}\r\n\t&.none {\r\n\t\tdisplay: none;\r\n\t}\r\n\t&.service {\r\n\t\t.row {\r\n\t\t\tmargin: 30upx 0;\r\n\t\t\t.title {\r\n\t\t\t\tfont-size: 30upx;\r\n\t\t\t\tmargin: 10upx 0;\r\n\t\t\t}\r\n\t\t\t.description {\r\n\t\t\t\tfont-size: 28upx;\r\n\t\t\t\tcolor: #999;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.spec {\r\n\t\t.title {\r\n\t\t\tfont-size: 30upx;\r\n\t\t\tmargin: 30upx 0;\r\n\t\t}\r\n\t\t.sp {\r\n\t\t\tdisplay: flex;\r\n\t\t\tview {\r\n\t\t\t\tfont-size: 28upx;\r\n\t\t\t\tpadding: 5upx 20upx;\r\n\t\t\t\tborder-radius: 8upx;\r\n\t\t\t\tmargin: 0 30upx 20upx 0;\r\n\t\t\t\tbackground-color: #f6f6f6;\r\n\t\t\t\t&.on {\r\n\t\t\t\t\tpadding: 3upx 18upx;\r\n\t\t\t\t\tborder: solid 1upx #f47925;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t.length{\r\n\t\t\tmargin-top: 30upx;\r\n\t\t\tborder-top: solid 1upx #aaa;\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: space-between;\r\n\t\t\talign-items: center;\r\n\t\t\tpadding-top: 20upx;\r\n\t\t\t.text{\r\n\t\t\t\tfont-size: 30upx;\r\n\t\t\t}\r\n\t\t\t.number{\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\t.input{\r\n\t\t\t\t\twidth: 80upx;\r\n\t\t\t\t\theight: 60upx;\r\n\t\t\t\t\tmargin: 0 10upx;\r\n\t\t\t\t\tbackground-color: #f3f3f3;\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\tjustify-content: center;\r\n\t\t\t\t\talign-items: center;\r\n\t\t\t\t\ttext-align: center;\r\n\t\t\t\t\tinput{\r\n\t\t\t\t\t\twidth: 80upx;\r\n\t\t\t\t\t\theight: 60upx;\r\n\t\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\t\tjustify-content: center;\r\n\t\t\t\t\t\talign-items: center;\r\n\t\t\t\t\t\ttext-align: center;\r\n\t\t\t\t\t\tfont-size: 26upx;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\t.sub ,.add{\r\n\t\t\t\t\twidth: 60upx;\r\n\t\t\t\t\theight: 60upx;\r\n\t\t\t\t\tbackground-color: #f3f3f3;\r\n\t\t\t\t\tborder-radius: 5upx;\r\n\t\t\t\t\t.icon{\r\n\t\t\t\t\t\tfont-size: 30upx;\r\n\t\t\t\t\t\twidth: 60upx;\r\n\t\t\t\t\t\theight: 60upx;\r\n\t\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\t\tjustify-content: center;\r\n\t\t\t\t\t\talign-items: center;\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t\r\n\t}\r\n}\r\n.share{\r\n\tdisplay: none;\r\n\t&.show {\r\n\t\tdisplay: block;\r\n\t\t.mask{\r\n\t\t\tanimation: showPopup 0.15s linear both;\r\n\t\t}\r\n\t\t.layer {\r\n\t\t\tanimation: showLayer 0.15s linear both;\r\n\t\t}\r\n\t}\r\n\t&.hide {\r\n\t\tdisplay: block;\r\n\t\t.mask{\r\n\t\t\tanimation: hidePopup 0.15s linear both;\r\n\t\t}\r\n\t\t\r\n\t\t.layer {\r\n\t\t\tanimation: hideLayer 0.15s linear both;\r\n\t\t}\r\n\t}\r\n\t&.none {\r\n\t\tdisplay: none;\r\n\t}\r\n\t.mask{\r\n\t\tbackground-color: rgba(0,0,0,.5);\r\n\t\tposition: fixed;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\ttop:0;\r\n\t\tz-index: 11;\r\n\t}\r\n\t.layer{\r\n\t\twidth: 92%;\r\n\t\tposition: fixed;\r\n\t\tz-index: 12;\r\n\t\tpadding: 0 4%;\r\n\t\ttop: 100%;\r\n\t\tbackground-color: rgba(255,255,255,0.9);\r\n\t\t.list{\r\n\t\t\twidth: 100%;\r\n\t\t\tdisplay: flex;\r\n\t\t\tpadding:10upx 0 30upx 0;\r\n\t\t\t.box{\r\n\t\t\t\twidth: 25%;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t\tflex-wrap: wrap;\r\n\t\t\t\timage{\r\n\t\t\t\t\twidth: 13.8vw;\r\n\t\t\t\t\theight: 13.8vw;\r\n\t\t\t\t}\r\n\t\t\t\t.title{\r\n\t\t\t\t\tmargin-top: 10upx;\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\tjustify-content: center;\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\tfont-size: 26upx;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t.btn{\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100upx;\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\talign-items: center;\r\n\t\t\tfont-size: 28upx;\r\n\t\t\tborder-top: solid 1upx #666666;\r\n\t\t}\r\n\t\t.h1{\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 80upx;\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\talign-items: center;\r\n\t\t\tfont-size: 34upx;\r\n\t\t}\r\n\t}\r\n}\r\n</style>\n","import mod from \"-!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./goods.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./goods.vue?vue&type=style&index=0&lang=scss&\"","// extracted by mini-css-extract-plugin\n if(module.hot) {\n // 1615167051576\n var cssReload = require(\"/Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js\")(module.id, {\"hmr\":true,\"publicPath\":\"../../\",\"locals\":false});\n module.hot.dispose(cssReload);\n module.hot.accept(undefined, cssReload);\n }\n "],"sourceRoot":""} |