0000
This commit is contained in:
15
pages/goodsDetails/pageBottom/pageBottom.js
Normal file
15
pages/goodsDetails/pageBottom/pageBottom.js
Normal file
@@ -0,0 +1,15 @@
|
||||
Component({
|
||||
properties: {
|
||||
info: Object,
|
||||
token: String
|
||||
},
|
||||
data: {},
|
||||
methods: {
|
||||
order: function() {
|
||||
if (0 == this.properties.info.stock || 1 != this.properties.info.status) return !1;
|
||||
wx.navigateTo({
|
||||
url: "/pages/orderIndex/orderIndex?token=".concat(this.properties.token)
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
4
pages/goodsDetails/pageBottom/pageBottom.json
Normal file
4
pages/goodsDetails/pageBottom/pageBottom.json
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
36
pages/goodsDetails/pageBottom/pageBottom.wxml
Normal file
36
pages/goodsDetails/pageBottom/pageBottom.wxml
Normal file
@@ -0,0 +1,36 @@
|
||||
<view class="bottom-bar">
|
||||
<view class="left thin-border_t">
|
||||
<navigator class="bottom-bar-btn " openType="reLaunch" url="/pages/mall/mall">
|
||||
<image class="icon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAaVBMVEUAAAAlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiXioXAkAAAAInRSTlMACfP52xIoZ87sr6Y75L2Tjk5JM5l/x3JEG6CFel8Y1FYgEq6YZgAAAZ1JREFUSMftltuSgjAMhi20lEOB0nJGXeX9H3LT1aUqWFpudschN06Gfpj++Yfk8C8DNaGflsEmVuJRhU83sNQf75Ej15IToDyKWAi/GXFigy9gwuD3Ldjl4hcPiPJe7VHVUFiXzNXx05QX6lVHO7arVaHy8RJK98RGtjaCk/HzSZIpCbpVtvKhtc3sJjnQETOjJIZDKVts+5pfZKq6el58xqIfv5hNNbx7er35xWQqYWhhrP2yaKqrWc3JLwZTzcLoF5RrU83D7JeuNrnf7Jcz1qYyhS4S63b2ylRun4l+ykAFcXCIAqz6CBMXmIC4UxK5w/qf4Q7IBUag0ZSAfJaYBnZ4h3f4w+EGD8vTaMDNKpxCElbyCURtpQZZugpToCG8jNNWBoEUlNe3dS6lFncWvTfOwkuEpWBI8NB/IHFZoLeCRQufXsROVZkk5UBbYlQb9gW2eWJw2FRcYAENmRIGb+ocYNhNuM5gtmfImr3AtAl0yuyGu95L+tc1B5/OFlq1sTr63AA+OgR+XbioZ83GZF7QsbbgozCXh7+Pb3sQSPMdR14UAAAAAElFTkSuQmCC"></image>
|
||||
<view class="text">首页</view>
|
||||
</navigator>
|
||||
<button class="bottom-bar-btn " openType="share">
|
||||
<view>
|
||||
<image class="icon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAZlBMVEUAAAAlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiVcd6OBAAAAIXRSTlMA7xDd9hwI2fri0iR16rlFFZTmrqFqNy3JxJxhUj2CWH5MxJO9AAABjUlEQVRIx+3W2Y6DMAwFUJMmYd+60b29//+TgwutAqqU4JfRjHqfkKWDURQZ07+IVbPQLGPZzOv57aAxD01SR3jl7NabLZc8OMM72inv02epXM0yxcePr93zB29q6zmS7rhapXrWWfV913sKyb3EM/G70vbWhFD7PpnsVTIJcA2xXTx0dXEBbELsWTPVRe7iCrgE2BacQ07GxStAeamqmCYPoinW0F5rMrbpcDQlsKUxQOSzecr22IzXYnNqwnG3ZntyL1Ewzku2BZEAm5TtjiRYZT1N7iTC1dBXhFu2NxLhM9stiXCn+UpaEbZxb0tDInxCn5pE+MK2JRFW697G9pOAFz+HzpVE+Mr2RBI8nHTUyPB+uJYynD/HsxBTkUS1GJMlkmP64i/+dayhl1kLJDQmBppFuAPS+U7iz3wDGp6rRTh2JozRQL2ssVbuj7DMg22dAA9nuMe95t6hq1xmnUIe8dZ7abyyuR8BpIbI1cNWqSNPhiXQ0DSqTRAWffswF01RrX0vSNJqp+iP5wfio0RY03mMqQAAAABJRU5ErkJggg=="></image>
|
||||
<view class="text">分享</view>
|
||||
</view>
|
||||
</button>
|
||||
<navigator class="bottom-bar-btn" url="/pages/user/user">
|
||||
<view>
|
||||
<image class="icon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAWlBMVEUAAAAlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiUlJiV6c6IWAAAAHXRSTlMA9QVzPB8VuJ0N3M4k08ioalPsfC1mQ+HEjl6ENG6yr8QAAAIWSURBVEjHtVfZdqswDPQCDvsWQkJb/v837ziOr0rkxqQ+nZeUCjHSWJZl8QdQmS5uV7lt8tr1OlPHPc3lJLcd5OliDrnOBTw5ZDFHXfPevVsVw5KXQpT5MhSV+1+fv071fGdt9dNruW7v7OcXyTf1BpyykC07WVvd/OQ7Smv2rty9tuRj2DhYm1YvktL260PIdLYyfYmX+LLSncO8nYmWQBfiHq1SpYiitLqNTzpL8MI3jhLccqe5qpGvOVi8yLtWe7HkLA5iljvRcjxqcRgaVFSCvQskDkqy/68WBMzEG8jg4DUrsEriLWC9iof4khGP/Wq+6bv2I6OWbmE/sAd5xdSKUuR1gR364WJgUl/xtjO6jwNXJvg9U4Won/Z+twGf/unTPnVP3QFxKxs/i9pxTeaR8URxECqnk/bKESAhcDN33xv+9PIQCuTqKuQiPChSYFrHcQUv5UAYHGUXqJCy3XZo2YZbEJmTNuetEISEibc9KFbhB/mVghvbb7w5t5f4JH5gDXe76UEb7okQkZw51KLXVS8qbISzD/ttGITkBXsbDQSjpYqCLxUVSRy8SHx5xsHLkzZGHHxj0JaMg29JagZx8GYgLr+Iu/UqG3lgsXgDNOmtV8y/afpzynGTdNClHLFJh3vKWJEy0KSMUilDXPL4mD64po/M6cM6vyY0RinTsGtCygUl/WoUv5RVE86UKnwpS8c/fhNBy/dVYcEAAAAASUVORK5CYII="></image>
|
||||
<view class="text">我的</view>
|
||||
</view>
|
||||
</navigator>
|
||||
</view>
|
||||
<view bindtap="order" class="right">
|
||||
<view class="menu-btns">
|
||||
<view class="btn btn-pri {{info.status!=1?'bg-grey':''}}">
|
||||
<view class="fmt-price" style="margin-bottom: 5px;">
|
||||
<view class="now" wx:if="{{info.status==1&&info.stock>0}}">
|
||||
<view class="dollar">¥</view>
|
||||
<view class="price">{{info.price}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<block wx:if="{{info.status==1}}">立即购买</block>
|
||||
<block wx:if="{{info.status==-1}}">还未开售</block>
|
||||
<block wx:if="{{info.status==-2}}">抢购已结束</block>
|
||||
<block wx:if="{{info.status==-3}}">已售罄</block>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
121
pages/goodsDetails/pageBottom/pageBottom.wxss
Normal file
121
pages/goodsDetails/pageBottom/pageBottom.wxss
Normal file
@@ -0,0 +1,121 @@
|
||||
.bottom-bar {
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
background: #fff;
|
||||
bottom: 0;
|
||||
display: flex;
|
||||
height: 12.8vw;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.thin-border_t {
|
||||
border-color: #f4f4f4;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.bottom-bar .left {
|
||||
color: #666;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
font-size: 2.667vw;
|
||||
height: 100%;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.thin-border_t:before {
|
||||
border-bottom: .267vw solid;
|
||||
border-color: inherit;
|
||||
content: "";
|
||||
left: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
transform: scaleY(.5);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bottom-bar .left .bottom-bar-btn {
|
||||
color: #666;
|
||||
font-size: 2.667vw;
|
||||
line-height: 2.667vw;
|
||||
text-align: center;
|
||||
width: 33%;
|
||||
}
|
||||
|
||||
.bottom-bar .left button,.bottom-bar .left button::after,.bottom-bar .left button::before {
|
||||
background: transparent;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.bottom-bar .left .icon {
|
||||
height: 5.067vw;
|
||||
margin-bottom: .8vw;
|
||||
margin-top: 1.867vw;
|
||||
max-width: 100%;
|
||||
width: 5.067vw;
|
||||
}
|
||||
|
||||
.bottom-bar .right {
|
||||
color: #fff;
|
||||
font-size: 4.533vw;
|
||||
height: 100%;
|
||||
line-height: 12.8vw;
|
||||
text-align: center;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.menu-btns .btn {
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
background-color: initial;
|
||||
border-radius: 0;
|
||||
color: #fff;
|
||||
display: -webkit-inline-box;
|
||||
display: -ms-inline-flexbox;
|
||||
display: -webkit-inline-flex;
|
||||
display: inline-flex;
|
||||
flex: 1;
|
||||
flex-direction: column;
|
||||
font-size: 3.733vw;
|
||||
height: 100%;
|
||||
justify-content: center;
|
||||
line-height: 4.8vw;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.menu-btns .btn-pri,.menu-btns .btn-yuyue {
|
||||
background-color: #06a2b3;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.menu-btns .btn:only-child {
|
||||
font-size: 4.267vw;
|
||||
}
|
||||
|
||||
.menu-btns {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
height: 100%;
|
||||
width: 50vw;
|
||||
}
|
||||
|
||||
.dollar,.price {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.bg-grey {
|
||||
background: #999!important;
|
||||
}
|
||||
Reference in New Issue
Block a user