初始化仓库

unpackage/dist/build/mp-weixin/pages/shop/shop.js

@@ -0,0 +1 @@
+(global["webpackJsonp"]=global["webpackJsonp"]||[]).push([["pages/shop/shop"],{"3ac8":function(n,e,t){"use strict";t.r(e);var u=t("7e2f"),o=t("999f");for(var i in o)["default"].indexOf(i)<0&&function(n){t.d(e,n,(function(){return o[n]}))}(i);t("54c6");var c=t("828b"),r=Object(c["a"])(o["default"],u["b"],u["c"],!1,null,null,null,!1,u["a"],void 0);e["default"]=r.exports},5350:function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;e.default={data:function(){return{list:[{image:"http://jianbing-media.stnav.com/frontend/img/banner.png",title:"昨夜星辰昨夜风，画楼西畔桂堂东"},{image:"http://jianbing-media.stnav.com/frontend/img/banner.png",title:"身无彩凤双飞翼，心有灵犀一点通"}],showSpec:!1}},methods:{chooseSpec:function(){this.showSpec=!0}}}},"54c6":function(n,e,t){"use strict";var u=t("fdae"),o=t.n(u);o.a},"7e2f":function(n,e,t){"use strict";t.d(e,"b",(function(){return o})),t.d(e,"c",(function(){return i})),t.d(e,"a",(function(){return u}));var u={uSwiper:function(){return t.e("components/uview-ui/components/u-swiper/u-swiper").then(t.bind(null,"3867"))},priceFormat:function(){return t.e("components/price-format/price-format").then(t.bind(null,"70de"))},uLine:function(){return t.e("components/uview-ui/components/u-line/u-line").then(t.bind(null,"f36b"))},uButton:function(){return t.e("components/uview-ui/components/u-button/u-button").then(t.bind(null,"9c7d"))},uImage:function(){return t.e("components/uview-ui/components/u-image/u-image").then(t.bind(null,"8127"))},shopSpec:function(){return t.e("components/shop-spec/shop-spec").then(t.bind(null,"2aa3"))}},o=function(){var n=this,e=n.$createElement;n._self._c;n._isMounted||(n.e0=function(e){n.showSpec=!1})},i=[]},"999f":function(n,e,t){"use strict";t.r(e);var u=t("5350"),o=t.n(u);for(var i in u)["default"].indexOf(i)<0&&function(n){t.d(e,n,(function(){return u[n]}))}(i);e["default"]=o.a},b06f:function(n,e,t){"use strict";(function(n,e){var u=t("47a9");t("6a4a");u(t("3240"));var o=u(t("3ac8"));n.__webpack_require_UNI_MP_PLUGIN__=t,e(o.default)}).call(this,t("3223")["default"],t("df3c")["createPage"])},fdae:function(n,e,t){}},[["b06f","common/runtime","common/vendor"]]]);

unpackage/dist/build/mp-weixin/pages/shop/shop.json

@@ -0,0 +1,11 @@
+{
+  "navigationBarTitleText": "商品详情",
+  "usingComponents": {
+    "u-swiper": "/components/uview-ui/components/u-swiper/u-swiper",
+    "price-format": "/components/price-format/price-format",
+    "u-line": "/components/uview-ui/components/u-line/u-line",
+    "u-button": "/components/uview-ui/components/u-button/u-button",
+    "u-image": "/components/uview-ui/components/u-image/u-image",
+    "shop-spec": "/components/shop-spec/shop-spec"
+  }
+}

unpackage/dist/build/mp-weixin/pages/shop/shop.wxml

@@ -0,0 +1 @@
+<view><view class="shop"><view><u-swiper vue-id="73adca00-1" list="{{list}}" height="500" border-radius="0" mode="number" indicator-pos="bottomRight" bind:__l="__l"></u-swiper></view><view class="bg-white mx24 px24 u-m-t-24 u-padding-top-20 u-padding-bottom-20 br24"><view class="nr">煎饼果子套餐</view><view class="mt10 row u-row-between"><view class="row"><view class="primary"><price-format vue-id="73adca00-2" price="{{12.9}}" subscriptSize="{{22}}" firstSize="{{34}}" secondSize="{{26}}" bind:__l="__l"></price-format></view><view class="sale u-text-center primary u-m-l-12">0折</view><view class="primary u-m-l-12"><price-format vue-id="73adca00-3" lineThrough="{{true}}" color="#999" subscriptSize="{{22}}" firstSize="{{22}}" secondSize="{{22}}" price="{{16.9}}" bind:__l="__l"></price-format></view></view><view class="text-999">已售66</view></view><view class="u-m-t-20 u-m-b-20"><u-line vue-id="73adca00-4" color="#eee" bind:__l="__l"></u-line></view><view><view><text>须知</text><text class="text-999 ml20">周一至周日可用</text></view><view class="row-between mt20"><view><text>保障</text><text class="text-999 ml20">随时退 过期自动退</text></view><view><u-button vue-id="73adca00-5" hover-class="none" customStyle="{{({width:'116rpx',height:'46rpx',fontSize:'24rpx',backgroundColor:themeColor,color:'#fff',border:'none',paddingTop:'8rpx'})}}" hair-line="{{false}}" shape="circle" data-event-opts="{{[['^click',[['chooseSpec']]]]}}" bind:click="__e" bind:__l="__l" vue-slots="{{['default']}}">选规格</u-button></view></view></view></view><view class="u-m-t-24"><view class="u-m-l-48 nr">详情</view><view class="bg-white mx24 px24 u-m-t-24 u-padding-top-20 u-padding-bottom-20 br24"><u-image vue-id="73adca00-6" src="{{cloudPath+'img/banner.png'}}" height="600" bind:__l="__l"></u-image></view></view><view class="u-m-t-24"><view class="u-m-l-48 nr">购买须知</view><view class="bg-white mx24 px24 u-m-t-24 u-padding-top-20 u-padding-bottom-20 br24">这里是购买须知的内容</view></view></view><view class="fixed bg-white row-between px48 u-padding-top-20 u-padding-bottom-20"><view class="column u-text-center"><view class="row-center"><u-image vue-id="73adca00-7" src="{{cloudPath+'img/icon_store.png'}}" width="48" height="48" bind:__l="__l"></u-image></view><view>门店</view></view><view class="u-m-l-64 flex1"><u-button vue-id="73adca00-8" hover-class="none" customStyle="{{({height:'92rpx',fontSize:'24rpx',backgroundColor:themeColor,color:'#fff',border:'none',paddingTop:'8rpx'})}}" hair-line="{{false}}" shape="circle" bind:__l="__l" vue-slots="{{['default']}}">立即购买</u-button></view></view><shop-spec bind:close="__e" bind:input="__e" vue-id="73adca00-9" value="{{showSpec}}" data-event-opts="{{[['^close',[['e0']]],['^input',[['__set_model',['','showSpec','$event',[]]]]]]}}" bind:__l="__l"></shop-spec></view>

unpackage/dist/build/mp-weixin/pages/shop/shop.wxss

@@ -0,0 +1 @@
+.shop{padding-bottom:180rpx}.shop .sale{background-color:#fefbea;width:100rpx;height:30rpx;line-height:30rpx}.fixed{position:fixed;bottom:0;left:0;right:0;padding-bottom:env(safe-area-inset-bottom)}