+ prepay_id: that.data.prepay_id
+ }
+ })
+ }
+ }
+ })
+ }
+ })
+ }
+})
@@ -0,0 +1,6 @@ |
||
| 1 |
+{
|
|
| 2 |
+ "usingComponents": {
|
|
| 3 |
+ "stepper": "/component/stepper/stepper" |
|
| 4 |
+ }, |
|
| 5 |
+ "disableScroll": true |
|
| 6 |
+} |
@@ -0,0 +1,248 @@ |
||
| 1 |
+@import './src/style/less/variable.less'; |
|
| 2 |
+@import './src/style/less/layout.less'; |
|
| 3 |
+@import './src/style/less/shape.less'; |
|
| 4 |
+@import '/template/footer/footer.wxss'; |
|
| 5 |
+@import '/template/btn/btn.wxss'; |
|
| 6 |
+ |
|
| 7 |
+.order-view {
|
|
| 8 |
+ .flex-center(column); |
|
| 9 |
+ .with-btnFooter(); |
|
| 10 |
+ |
|
| 11 |
+ width: 100%; |
|
| 12 |
+ background-color: @color-bg; |
|
| 13 |
+ |
|
| 14 |
+ text {
|
|
| 15 |
+ color: @color-black; |
|
| 16 |
+ } |
|
| 17 |
+ |
|
| 18 |
+ view {
|
|
| 19 |
+ color: @color-black; |
|
| 20 |
+ } |
|
| 21 |
+} |
|
| 22 |
+ |
|
| 23 |
+.address {
|
|
| 24 |
+ .flex-center(row); |
|
| 25 |
+ |
|
| 26 |
+ box-sizing: border-box; |
|
| 27 |
+ width: @visual-width; |
|
| 28 |
+ min-height: 80rpx; |
|
| 29 |
+ padding: 0 @spacing-item; |
|
| 30 |
+ margin: @spacing-item; |
|
| 31 |
+ background-color: @color-white; |
|
| 32 |
+ border-radius: @radius; |
|
| 33 |
+ |
|
| 34 |
+ .item() {
|
|
| 35 |
+ .square(40rpx); |
|
| 36 |
+ |
|
| 37 |
+ .icon {
|
|
| 38 |
+ .full-image(); |
|
| 39 |
+ } |
|
| 40 |
+ } |
|
| 41 |
+ |
|
| 42 |
+ .left {
|
|
| 43 |
+ .item(); |
|
| 44 |
+ } |
|
| 45 |
+ |
|
| 46 |
+ .content {
|
|
| 47 |
+ .flex-center(column); |
|
| 48 |
+ |
|
| 49 |
+ box-sizing: border-box; |
|
| 50 |
+ width: @visual-width - 80rpx - @spacing-item * 2; |
|
| 51 |
+ min-height: 80rpx; |
|
| 52 |
+ padding: @spacing-inline @spacing-item; |
|
| 53 |
+ |
|
| 54 |
+ view {
|
|
| 55 |
+ .flex-center(row); |
|
| 56 |
+ |
|
| 57 |
+ width: 100%; |
|
| 58 |
+ margin-top: @spacing-inline; |
|
| 59 |
+ } |
|
| 60 |
+ |
|
| 61 |
+ .top {
|
|
| 62 |
+ justify-content: flex-start; |
|
| 63 |
+ |
|
| 64 |
+ .name {
|
|
| 65 |
+ font-size: @font-primary; |
|
| 66 |
+ } |
|
| 67 |
+ |
|
| 68 |
+ .phone {
|
|
| 69 |
+ margin-left: @spacing-item; |
|
| 70 |
+ font-size: @font-quaternary; |
|
| 71 |
+ color: @color-gray; |
|
| 72 |
+ } |
|
| 73 |
+ } |
|
| 74 |
+ |
|
| 75 |
+ .bottom {
|
|
| 76 |
+ font-size: @font-tertiary; |
|
| 77 |
+ } |
|
| 78 |
+ } |
|
| 79 |
+ |
|
| 80 |
+ .right {
|
|
| 81 |
+ .item(); |
|
| 82 |
+ |
|
| 83 |
+ .arrow {
|
|
| 84 |
+ .arrow(right; @color-dark-bg; @icon-small-size); |
|
| 85 |
+ } |
|
| 86 |
+ } |
|
| 87 |
+ |
|
| 88 |
+ &-hover {
|
|
| 89 |
+ background-color: darken(@color-white, 15%); |
|
| 90 |
+ } |
|
| 91 |
+} |
|
| 92 |
+ |
|
| 93 |
+.authorization {
|
|
| 94 |
+ justify-content: center; |
|
| 95 |
+ |
|
| 96 |
+ text {
|
|
| 97 |
+ margin-left: @spacing-short-text; |
|
| 98 |
+ font-size: @font-primary; |
|
| 99 |
+ color: @color-brand; |
|
| 100 |
+ } |
|
| 101 |
+ |
|
| 102 |
+ .plus {
|
|
| 103 |
+ .plus(6rpx; @color-brand); |
|
| 104 |
+ .square(@icon-small-size); |
|
| 105 |
+ } |
|
| 106 |
+} |
|
| 107 |
+ |
|
| 108 |
+.goods {
|
|
| 109 |
+ .flex-center(row); |
|
| 110 |
+ |
|
| 111 |
+ align-items: center; |
|
| 112 |
+ width: @visual-width; |
|
| 113 |
+ min-height: 200rpx; |
|
| 114 |
+ margin-top: @spacing-inline; |
|
| 115 |
+ background-color: @color-white; |
|
| 116 |
+ border-radius: @radius; |
|
| 117 |
+ |
|
| 118 |
+ .left {
|
|
| 119 |
+ .flex-center(row); |
|
| 120 |
+ |
|
| 121 |
+ justify-content: center; |
|
| 122 |
+ width: 200rpx; |
|
| 123 |
+ height: 200rpx; |
|
| 124 |
+ |
|
| 125 |
+ image {
|
|
| 126 |
+ .square(160rpx); |
|
| 127 |
+ |
|
| 128 |
+ border-radius: @radius; |
|
| 129 |
+ } |
|
| 130 |
+ } |
|
| 131 |
+ |
|
| 132 |
+ .right {
|
|
| 133 |
+ display: flex; |
|
| 134 |
+ flex-direction: column; |
|
| 135 |
+ justify-content: space-between; |
|
| 136 |
+ width: @visual-width - 200rpx; |
|
| 137 |
+ min-height: 160rpx; |
|
| 138 |
+ margin: @spacing-inline 0; |
|
| 139 |
+ |
|
| 140 |
+ .top {
|
|
| 141 |
+ display: flex; |
|
| 142 |
+ flex-direction: column; |
|
| 143 |
+ width: 100%; |
|
| 144 |
+ |
|
| 145 |
+ .title {
|
|
| 146 |
+ font-size: @font-primary; |
|
| 147 |
+ } |
|
| 148 |
+ |
|
| 149 |
+ .inventory {
|
|
| 150 |
+ font-size: @font-quaternary; |
|
| 151 |
+ color: @color-light-gray; |
|
| 152 |
+ } |
|
| 153 |
+ } |
|
| 154 |
+ |
|
| 155 |
+ .bottom {
|
|
| 156 |
+ .flex-center(row); |
|
| 157 |
+ |
|
| 158 |
+ box-sizing: border-box; |
|
| 159 |
+ justify-content: space-between; |
|
| 160 |
+ width: 100%; |
|
| 161 |
+ padding-right: @spacing-inline; |
|
| 162 |
+ |
|
| 163 |
+ .price-group {
|
|
| 164 |
+ .flex-center(row); |
|
| 165 |
+ |
|
| 166 |
+ .price1 {
|
|
| 167 |
+ display: flex; |
|
| 168 |
+ align-items: flex-end; |
|
| 169 |
+ |
|
| 170 |
+ text {
|
|
| 171 |
+ color: @color-gray; |
|
| 172 |
+ } |
|
| 173 |
+ |
|
| 174 |
+ .value {
|
|
| 175 |
+ font-size: @font-secondary; |
|
| 176 |
+ } |
|
| 177 |
+ |
|
| 178 |
+ .symbol {
|
|
| 179 |
+ margin-bottom: 2px; |
|
| 180 |
+ font-size: @font-quaternary; |
|
| 181 |
+ } |
|
| 182 |
+ } |
|
| 183 |
+ |
|
| 184 |
+ .price2 {
|
|
| 185 |
+ display: flex; |
|
| 186 |
+ align-items: flex-end; |
|
| 187 |
+ margin-left: @spacing-inline; |
|
| 188 |
+ |
|
| 189 |
+ text {
|
|
| 190 |
+ color: @color-light-gray; |
|
| 191 |
+ } |
|
| 192 |
+ |
|
| 193 |
+ .value {
|
|
| 194 |
+ font-size: @font-tertiary; |
|
| 195 |
+ text-decoration: line-through; |
|
| 196 |
+ } |
|
| 197 |
+ } |
|
| 198 |
+ } |
|
| 199 |
+ } |
|
| 200 |
+ } |
|
| 201 |
+} |
|
| 202 |
+ |
|
| 203 |
+.btn-footer {
|
|
| 204 |
+ .flex-center(row); |
|
| 205 |
+ |
|
| 206 |
+ position: fixed; |
|
| 207 |
+ bottom: 0; |
|
| 208 |
+ box-sizing: border-box; |
|
| 209 |
+ justify-content: center; |
|
| 210 |
+ width: 100%; |
|
| 211 |
+ height: @btnFooter-height; |
|
| 212 |
+ padding: @spacing-item; |
|
| 213 |
+ background-color: @color-white; |
|
| 214 |
+ box-shadow: 0 -5px 9px 2px fade(@color-black, 10%); |
|
| 215 |
+ |
|
| 216 |
+ .btn-footer-container {
|
|
| 217 |
+ display: flex; |
|
| 218 |
+ width: 100%; |
|
| 219 |
+ height: 100rpx; |
|
| 220 |
+ overflow: hidden; |
|
| 221 |
+ border: 1px #09bb07 solid; |
|
| 222 |
+ border-radius: @radius; |
|
| 223 |
+ |
|
| 224 |
+ &-disabled {
|
|
| 225 |
+ border: 1px @color-light-gray solid !important; |
|
| 226 |
+ } |
|
| 227 |
+ |
|
| 228 |
+ .left {
|
|
| 229 |
+ .flex-center(row); |
|
| 230 |
+ |
|
| 231 |
+ justify-content: center; |
|
| 232 |
+ width: 40%; |
|
| 233 |
+ height: 100rpx; |
|
| 234 |
+ background-color: @color-white; |
|
| 235 |
+ |
|
| 236 |
+ text {
|
|
| 237 |
+ font-size: @font-primary; |
|
| 238 |
+ font-weight: 700; |
|
| 239 |
+ color: #e64340; |
|
| 240 |
+ } |
|
| 241 |
+ } |
|
| 242 |
+ |
|
| 243 |
+ .right {
|
|
| 244 |
+ width: 100%; |
|
| 245 |
+ height: 100%; |
|
| 246 |
+ } |
|
| 247 |
+ } |
|
| 248 |
+} |
@@ -0,0 +1,79 @@ |
||
| 1 |
+<view class="order-view"> |
|
| 2 |
+ <view |
|
| 3 |
+ class="address" |
|
| 4 |
+ hover-class="address-hover" |
|
| 5 |
+ bindtap="navigateToAddress" |
|
| 6 |
+ wx:if="{{ hasAddress }}"
|
|
| 7 |
+ > |
|
| 8 |
+ <view class="left"> |
|
| 9 |
+ <image class="icon" src="/resources/common/location.png"></image> |
|
| 10 |
+ </view> |
|
| 11 |
+ <view class="content"> |
|
| 12 |
+ <view class="top"> |
|
| 13 |
+ <text class="name">{{ address.userName }}</text>
|
|
| 14 |
+ <text class="phone">{{ address.telNumber }}</text>
|
|
| 15 |
+ </view> |
|
| 16 |
+ <view class="bottom">{{ address.detailInfo }}</view>
|
|
| 17 |
+ </view> |
|
| 18 |
+ <view class="right"> |
|
| 19 |
+ <view class="icon arrow"></view> |
|
| 20 |
+ </view> |
|
| 21 |
+ </view> |
|
| 22 |
+ <view |
|
| 23 |
+ class="address authorization" |
|
| 24 |
+ hover-class="address-hover" |
|
| 25 |
+ bindtap="navigateToAddress" |
|
| 26 |
+ wx:elif="{{ !hasAddress }}"
|
|
| 27 |
+ > |
|
| 28 |
+ <view class="plus"></view> |
|
| 29 |
+ <text>新建地址</text> |
|
| 30 |
+ </view> |
|
| 31 |
+ <view class="goods-container" wx:if="{{ isLoading }}">
|
|
| 32 |
+ <view class="goods"> |
|
| 33 |
+ <view class="left"> |
|
| 34 |
+ <image src="{{ goodsInfo.goods_img }}" mode="aspectFit"></image>
|
|
| 35 |
+ </view> |
|
| 36 |
+ <view class="right"> |
|
| 37 |
+ <view class="top"> |
|
| 38 |
+ <text class="title">{{ goodsInfo.name }}</text>
|
|
| 39 |
+ <text class="inventory" wx:if="{{ goodsInfo.inventory > 0 }}"
|
|
| 40 |
+ >仅剩{{ goodsInfo.inventory }}个</text
|
|
| 41 |
+ > |
|
| 42 |
+ <text class="inventory" wx:else>库存不足</text> |
|
| 43 |
+ </view> |
|
| 44 |
+ <view class="bottom"> |
|
| 45 |
+ <view class="price-group"> |
|
| 46 |
+ <view class="price1"> |
|
| 47 |
+ <text class="symbol">￥</text> |
|
| 48 |
+ <text class="value">{{ goodsInfo.price / 100 }}</text>
|
|
| 49 |
+ </view> |
|
| 50 |
+ <view class="price2" wx:if="{{ goodsInfo.price_type === 3 }}">
|
|
| 51 |
+ <text class="value">￥{{ goodsInfo.price2 / 100 }}</text>
|
|
| 52 |
+ </view> |
|
| 53 |
+ </view> |
|
| 54 |
+ <stepper |
|
| 55 |
+ num="{{ num }}"
|
|
| 56 |
+ bindstepperChanged="bindstepperChanged" |
|
| 57 |
+ wx:if="{{ goodsInfo.inventory > 0 }}"
|
|
| 58 |
+ ></stepper> |
|
| 59 |
+ </view> |
|
| 60 |
+ </view> |
|
| 61 |
+ </view> |
|
| 62 |
+ </view> |
|
| 63 |
+</view> |
|
| 64 |
+ |
|
| 65 |
+<import src="/template/btn/btn.wxml"></import> |
|
| 66 |
+<view class="btn-footer"> |
|
| 67 |
+ <view |
|
| 68 |
+ class="btn-footer-container {{hasAddress && goodsInfo.inventory > 0 ? '' : 'btn-footer-container-disabled'}}">
|
|
| 69 |
+ <view class="left" wx:if="{{ total > 0 & goodsInfo.inventory > 0 }}">
|
|
| 70 |
+ <text class="money">￥{{ total / 100 }}</text>
|
|
| 71 |
+ </view> |
|
| 72 |
+ <view class="right"> |
|
| 73 |
+ <template |
|
| 74 |
+ is="iconBtn" |
|
| 75 |
+ data="{{btnClass: 'button4', btnTxt: goodsInfo.inventory > 0 ? '立即支付' : '库存不足', disabled: !(hasAddress && goodsInfo.inventory > 0), action: 'confirm'}}"
|
|
| 76 |
+ ></template> |
|
| 77 |
+ </view> |
|
| 78 |
+ </view> |
|
| 79 |
+</view> |
@@ -0,0 +1,236 @@ |
||
| 1 |
+@import '/template/footer/footer.wxss'; |
|
| 2 |
+@import '/template/btn/btn.wxss'; |
|
| 3 |
+.order-view {
|
|
| 4 |
+ display: flex; |
|
| 5 |
+ flex-direction: column; |
|
| 6 |
+ align-items: center; |
|
| 7 |
+ height: calc(100% - 160rpx); |
|
| 8 |
+ width: 100%; |
|
| 9 |
+ background-color: #efefef; |
|
| 10 |
+} |
|
| 11 |
+.order-view text {
|
|
| 12 |
+ color: #111; |
|
| 13 |
+} |
|
| 14 |
+.order-view view {
|
|
| 15 |
+ color: #111; |
|
| 16 |
+} |
|
| 17 |
+.address {
|
|
| 18 |
+ display: flex; |
|
| 19 |
+ align-items: center; |
|
| 20 |
+ box-sizing: border-box; |
|
| 21 |
+ width: 702rpx; |
|
| 22 |
+ min-height: 80rpx; |
|
| 23 |
+ padding: 0 24rpx; |
|
| 24 |
+ margin: 24rpx; |
|
| 25 |
+ background-color: #fff; |
|
| 26 |
+ border-radius: 5px; |
|
| 27 |
+} |
|
| 28 |
+.address .left {
|
|
| 29 |
+ width: 40rpx; |
|
| 30 |
+ height: 40rpx; |
|
| 31 |
+} |
|
| 32 |
+.address .left .icon {
|
|
| 33 |
+ width: 100%; |
|
| 34 |
+ height: 100%; |
|
| 35 |
+} |
|
| 36 |
+.address .content {
|
|
| 37 |
+ display: flex; |
|
| 38 |
+ flex-direction: column; |
|
| 39 |
+ align-items: center; |
|
| 40 |
+ box-sizing: border-box; |
|
| 41 |
+ width: 574rpx; |
|
| 42 |
+ min-height: 80rpx; |
|
| 43 |
+ padding: 12rpx 24rpx; |
|
| 44 |
+} |
|
| 45 |
+.address .content view {
|
|
| 46 |
+ display: flex; |
|
| 47 |
+ align-items: center; |
|
| 48 |
+ width: 100%; |
|
| 49 |
+ margin-top: 12rpx; |
|
| 50 |
+} |
|
| 51 |
+.address .content .top {
|
|
| 52 |
+ justify-content: flex-start; |
|
| 53 |
+} |
|
| 54 |
+.address .content .top .name {
|
|
| 55 |
+ font-size: 14pt; |
|
| 56 |
+} |
|
| 57 |
+.address .content .top .phone {
|
|
| 58 |
+ margin-left: 24rpx; |
|
| 59 |
+ font-size: 10pt; |
|
| 60 |
+ color: #3e3e3e; |
|
| 61 |
+} |
|
| 62 |
+.address .content .bottom {
|
|
| 63 |
+ font-size: 11pt; |
|
| 64 |
+} |
|
| 65 |
+.address .right {
|
|
| 66 |
+ width: 40rpx; |
|
| 67 |
+ height: 40rpx; |
|
| 68 |
+} |
|
| 69 |
+.address .right .icon {
|
|
| 70 |
+ width: 100%; |
|
| 71 |
+ height: 100%; |
|
| 72 |
+} |
|
| 73 |
+.address .right .arrow {
|
|
| 74 |
+ width: 32rpx; |
|
| 75 |
+ height: 32rpx; |
|
| 76 |
+ box-sizing: border-box; |
|
| 77 |
+ border-top: 2px solid #3e3e3e; |
|
| 78 |
+ border-right: 2px solid #3e3e3e; |
|
| 79 |
+ transform: rotate(45deg); |
|
| 80 |
+} |
|
| 81 |
+.address-hover {
|
|
| 82 |
+ background-color: #d9d9d9; |
|
| 83 |
+} |
|
| 84 |
+.authorization {
|
|
| 85 |
+ justify-content: center; |
|
| 86 |
+} |
|
| 87 |
+.authorization text {
|
|
| 88 |
+ margin-left: 4rpx; |
|
| 89 |
+ font-size: 14pt; |
|
| 90 |
+ color: #09bb07; |
|
| 91 |
+} |
|
| 92 |
+.authorization .plus {
|
|
| 93 |
+ position: relative; |
|
| 94 |
+ width: 32rpx; |
|
| 95 |
+ height: 32rpx; |
|
| 96 |
+} |
|
| 97 |
+.authorization .plus::before {
|
|
| 98 |
+ position: absolute; |
|
| 99 |
+ top: calc(50% - 6rpx / 2); |
|
| 100 |
+ left: 0; |
|
| 101 |
+ width: 100%; |
|
| 102 |
+ height: 6rpx; |
|
| 103 |
+ content: ''; |
|
| 104 |
+ background-color: #09bb07; |
|
| 105 |
+ border-radius: 6rpx; |
|
| 106 |
+} |
|
| 107 |
+.authorization .plus::after {
|
|
| 108 |
+ position: absolute; |
|
| 109 |
+ top: 0; |
|
| 110 |
+ left: calc(50% - 6rpx / 2); |
|
| 111 |
+ width: 6rpx; |
|
| 112 |
+ height: 100%; |
|
| 113 |
+ content: ''; |
|
| 114 |
+ background-color: #09bb07; |
|
| 115 |
+ border-radius: 6rpx; |
|
| 116 |
+} |
|
| 117 |
+.goods {
|
|
| 118 |
+ display: flex; |
|
| 119 |
+ align-items: center; |
|
| 120 |
+ width: 702rpx; |
|
| 121 |
+ min-height: 200rpx; |
|
| 122 |
+ margin-top: 12rpx; |
|
| 123 |
+ background-color: #fff; |
|
| 124 |
+ border-radius: 5px; |
|
| 125 |
+} |
|
| 126 |
+.goods .left {
|
|
| 127 |
+ display: flex; |
|
| 128 |
+ align-items: center; |
|
| 129 |
+ justify-content: center; |
|
| 130 |
+ width: 200rpx; |
|
| 131 |
+ height: 200rpx; |
|
| 132 |
+} |
|
| 133 |
+.goods .left image {
|
|
| 134 |
+ width: 160rpx; |
|
| 135 |
+ height: 160rpx; |
|
| 136 |
+ border-radius: 5px; |
|
| 137 |
+} |
|
| 138 |
+.goods .right {
|
|
| 139 |
+ display: flex; |
|
| 140 |
+ flex-direction: column; |
|
| 141 |
+ justify-content: space-between; |
|
| 142 |
+ width: 502rpx; |
|
| 143 |
+ min-height: 160rpx; |
|
| 144 |
+ margin: 12rpx 0; |
|
| 145 |
+} |
|
| 146 |
+.goods .right .top {
|
|
| 147 |
+ display: flex; |
|
| 148 |
+ flex-direction: column; |
|
| 149 |
+ width: 100%; |
|
| 150 |
+} |
|
| 151 |
+.goods .right .top .title {
|
|
| 152 |
+ font-size: 14pt; |
|
| 153 |
+} |
|
| 154 |
+.goods .right .top .inventory {
|
|
| 155 |
+ font-size: 10pt; |
|
| 156 |
+ color: #959595; |
|
| 157 |
+} |
|
| 158 |
+.goods .right .bottom {
|
|
| 159 |
+ display: flex; |
|
| 160 |
+ align-items: center; |
|
| 161 |
+ box-sizing: border-box; |
|
| 162 |
+ justify-content: space-between; |
|
| 163 |
+ width: 100%; |
|
| 164 |
+ padding-right: 12rpx; |
|
| 165 |
+} |
|
| 166 |
+.goods .right .bottom .price-group {
|
|
| 167 |
+ display: flex; |
|
| 168 |
+ align-items: center; |
|
| 169 |
+} |
|
| 170 |
+.goods .right .bottom .price-group .price1 {
|
|
| 171 |
+ display: flex; |
|
| 172 |
+ align-items: flex-end; |
|
| 173 |
+} |
|
| 174 |
+.goods .right .bottom .price-group .price1 text {
|
|
| 175 |
+ color: #3e3e3e; |
|
| 176 |
+} |
|
| 177 |
+.goods .right .bottom .price-group .price1 .value {
|
|
| 178 |
+ font-size: 13pt; |
|
| 179 |
+} |
|
| 180 |
+.goods .right .bottom .price-group .price1 .symbol {
|
|
| 181 |
+ margin-bottom: 2px; |
|
| 182 |
+ font-size: 10pt; |
|
| 183 |
+} |
|
| 184 |
+.goods .right .bottom .price-group .price2 {
|
|
| 185 |
+ display: flex; |
|
| 186 |
+ align-items: flex-end; |
|
| 187 |
+ margin-left: 12rpx; |
|
| 188 |
+} |
|
| 189 |
+.goods .right .bottom .price-group .price2 text {
|
|
| 190 |
+ color: #959595; |
|
| 191 |
+} |
|
| 192 |
+.goods .right .bottom .price-group .price2 .value {
|
|
| 193 |
+ font-size: 11pt; |
|
| 194 |
+ text-decoration: line-through; |
|
| 195 |
+} |
|
| 196 |
+.btn-footer {
|
|
| 197 |
+ display: flex; |
|
| 198 |
+ align-items: center; |
|
| 199 |
+ position: fixed; |
|
| 200 |
+ bottom: 0; |
|
| 201 |
+ box-sizing: border-box; |
|
| 202 |
+ justify-content: center; |
|
| 203 |
+ width: 100%; |
|
| 204 |
+ height: 160rpx; |
|
| 205 |
+ padding: 24rpx; |
|
| 206 |
+ background-color: #fff; |
|
| 207 |
+ box-shadow: 0 -5px 9px 2px rgba(17, 17, 17, 0.1); |
|
| 208 |
+} |
|
| 209 |
+.btn-footer .btn-footer-container {
|
|
| 210 |
+ display: flex; |
|
| 211 |
+ width: 100%; |
|
| 212 |
+ height: 100rpx; |
|
| 213 |
+ overflow: hidden; |
|
| 214 |
+ border: 1px #09bb07 solid; |
|
| 215 |
+ border-radius: 5px; |
|
| 216 |
+} |
|
| 217 |
+.btn-footer .btn-footer-container-disabled {
|
|
| 218 |
+ border: 1px #959595 solid !important; |
|
| 219 |
+} |
|
| 220 |
+.btn-footer .btn-footer-container .left {
|
|
| 221 |
+ display: flex; |
|
| 222 |
+ align-items: center; |
|
| 223 |
+ justify-content: center; |
|
| 224 |
+ width: 40%; |
|
| 225 |
+ height: 100rpx; |
|
| 226 |
+ background-color: #fff; |
|
| 227 |
+} |
|
| 228 |
+.btn-footer .btn-footer-container .left text {
|
|
| 229 |
+ font-size: 14pt; |
|
| 230 |
+ font-weight: 700; |
|
| 231 |
+ color: #e64340; |
|
| 232 |
+} |
|
| 233 |
+.btn-footer .btn-footer-container .right {
|
|
| 234 |
+ width: 100%; |
|
| 235 |
+ height: 100%; |
|
| 236 |
+} |
@@ -9,10 +9,10 @@ |
||
| 9 | 9 |
background-color: #efefef; |
| 10 | 10 |
} |
| 11 | 11 |
.order-view text {
|
| 12 |
- color: #000; |
|
| 12 |
+ color: #111; |
|
| 13 | 13 |
} |
| 14 | 14 |
.order-view view {
|
| 15 |
- color: #000; |
|
| 15 |
+ color: #111; |
|
| 16 | 16 |
} |
| 17 | 17 |
.address {
|
| 18 | 18 |
display: flex; |
@@ -169,7 +169,7 @@ |
||
| 169 | 169 |
height: 160rpx; |
| 170 | 170 |
padding: 24rpx; |
| 171 | 171 |
background-color: #fff; |
| 172 |
- box-shadow: 0 -5px 9px 2px rgba(0, 0, 0, 0.1); |
|
| 172 |
+ box-shadow: 0 -5px 9px 2px rgba(17, 17, 17, 0.1); |
|
| 173 | 173 |
} |
| 174 | 174 |
.btn-footer .btn-footer-container {
|
| 175 | 175 |
display: flex; |
@@ -58,16 +58,16 @@ |
||
| 58 | 58 |
"list": [ |
| 59 | 59 |
{
|
| 60 | 60 |
"id": 0, |
| 61 |
- "name": "pages/cameraCompatible/cameraCompatible", |
|
| 62 |
- "pathName": "pages/cameraCompatible/cameraCompatible", |
|
| 63 |
- "query": "activity_id=nBJ56hN9ik94js4duSh34V&isSignIn=1", |
|
| 64 |
- "scene": 1047 |
|
| 61 |
+ "name": "pages/live/order/order", |
|
| 62 |
+ "pathName": "pages/live/order/order", |
|
| 63 |
+ "query": "room_id=24&share_openid='ccc'&goods_id=nHUqwuwaygHpos4hiekz7f", |
|
| 64 |
+ "scene": 1007 |
|
| 65 | 65 |
}, |
| 66 | 66 |
{
|
| 67 | 67 |
"id": 1, |
| 68 | 68 |
"name": "pages/index/index", |
| 69 | 69 |
"pathName": "pages/index/index", |
| 70 |
- "query": "q=http://kodo.tamron.cn/v/0+21+KUjsUKURRRRRRUK6KxxK", |
|
| 70 |
+ "query": "room_id=17", |
|
| 71 | 71 |
"scene": 1011 |
| 72 | 72 |
}, |
| 73 | 73 |
{
|
@@ -1,7 +1,7 @@ |
||
| 1 | 1 |
//color |
| 2 | 2 |
@color-bg: #efefef; |
| 3 | 3 |
@color-dark-bg: #3e3e3e; |
| 4 |
-@color-black: #000; |
|
| 4 |
+@color-black: #111; |
|
| 5 | 5 |
@color-white: #fff; |
| 6 | 6 |
@color-brand: #09bb07; |
| 7 | 7 |
@color-other1: #d2b167; |
@@ -38,7 +38,7 @@ |
||
| 38 | 38 |
width: 100%; |
| 39 | 39 |
height: 160rpx; |
| 40 | 40 |
background-color: #fff; |
| 41 |
- box-shadow: 0 -5px 9px 2px rgba(0, 0, 0, 0.1); |
|
| 41 |
+ box-shadow: 0 -5px 9px 2px rgba(17, 17, 17, 0.1); |
|
| 42 | 42 |
} |
| 43 | 43 |
.btn-footer1 button {
|
| 44 | 44 |
height: 100rpx; |
@@ -55,7 +55,7 @@ |
||
| 55 | 55 |
width: 100%; |
| 56 | 56 |
height: 160rpx; |
| 57 | 57 |
background-color: #fff; |
| 58 |
- box-shadow: 0 -5px 9px 2px rgba(0, 0, 0, 0.1); |
|
| 58 |
+ box-shadow: 0 -5px 9px 2px rgba(17, 17, 17, 0.1); |
|
| 59 | 59 |
} |
| 60 | 60 |
.btn-footer2 button {
|
| 61 | 61 |
height: 100rpx; |
@@ -13,32 +13,8 @@ Page({
|
||
| 13 | 13 |
isHightlight: false |
| 14 | 14 |
}, |
| 15 | 15 |
|
| 16 |
- onLoad(options) {
|
|
| 17 |
- if (options.goods) {
|
|
| 18 |
- const goods = JSON.parse(options.goods) |
|
| 19 |
- let desc = this.data.desc1 |
|
| 20 |
- if (goods.only_for_member) {
|
|
| 21 |
- desc = this.data.desc3 |
|
| 22 |
- } else if (goods.good_type === 0) {
|
|
| 23 |
- desc = this.data.desc2 |
|
| 24 |
- } |
|
| 25 |
- this.setData({
|
|
| 26 |
- isVirtual: goods.good_type === 1, |
|
| 27 |
- desc |
|
| 28 |
- }) |
|
| 29 |
- } else {
|
|
| 30 |
- const eventChannel = this.getOpenerEventChannel() |
|
| 31 |
- const that = this |
|
| 32 |
- eventChannel.on('acceptDataFromOpenerPage', data => {
|
|
| 33 |
- that.setData({
|
|
| 34 |
- title: data.title, |
|
| 35 |
- desc: data.desc, |
|
| 36 |
- action: 'navigateToMine', |
|
| 37 |
- btnTitle: data.btnTitle, |
|
| 38 |
- isHightlight: data.isHightlight |
|
| 39 |
- }) |
|
| 40 |
- }) |
|
| 41 |
- } |
|
| 16 |
+ onLoad() {
|
|
| 17 |
+ wx.hideHomeButton() |
|
| 42 | 18 |
}, |
| 43 | 19 |
|
| 44 | 20 |
navigateToMine() {
|
@@ -1,24 +1,21 @@ |
||
| 1 | 1 |
|
| 2 |
-<view class="result-view" wx:if="{{isHightlight}}">
|
|
| 2 |
+<view class="result-view"> |
|
| 3 | 3 |
<view class="logo"> |
| 4 | 4 |
<image src="success.svg"></image> |
| 5 | 5 |
</view> |
| 6 | 6 |
<view class="content"> |
| 7 |
- <text class="title">{{ title }}</text>
|
|
| 8 |
- <view class="hint"> |
|
| 7 |
+ <text class="title">购买成功</text> |
|
| 8 |
+ <!-- <view class="hint"> |
|
| 9 | 9 |
<image src="/resources/trumpet.svg"></image> |
| 10 |
- <text>{{ desc }}</text>
|
|
| 11 |
- </view> |
|
| 10 |
+ <text>七天内发货</text> |
|
| 11 |
+ </view> --> |
|
| 12 | 12 |
<view class="official-account"> |
| 13 | 13 |
<official-account binderror="officialAccountError"></official-account> |
| 14 | 14 |
</view> |
| 15 | 15 |
</view> |
| 16 |
- <view class="action-bottom"> |
|
| 17 |
- <view class="goOn" bindtap="{{ action }}">{{ btnTitle }}</view>
|
|
| 18 |
- </view> |
|
| 19 | 16 |
</view> |
| 20 | 17 |
|
| 21 |
-<view class="result-view" wx:else> |
|
| 18 |
+<!-- <view class="result-view" wx:else> |
|
| 22 | 19 |
<view class="logo"> |
| 23 | 20 |
<image src="success.svg"></image> |
| 24 | 21 |
</view> |
@@ -30,4 +27,4 @@ |
||
| 30 | 27 |
<view class="goOn" bindtap="{{ action }}">{{ btnTitle }}</view>
|
| 31 | 28 |
<view class="detail" bindtap="navigateToVoucher" wx:if="{{ isVirtual }}">去查看</view>
|
| 32 | 29 |
</view> |
| 33 |
-</view> |
|
| 30 |
+</view> --> |
@@ -28,7 +28,7 @@ |
||
| 28 | 28 |
margin-top: 24rpx; |
| 29 | 29 |
font-size: 17pt; |
| 30 | 30 |
font-weight: 600; |
| 31 |
- color: #000; |
|
| 31 |
+ color: #111; |
|
| 32 | 32 |
} |
| 33 | 33 |
.content .desc {
|
| 34 | 34 |
margin-top: 24rpx; |
@@ -149,7 +149,53 @@ function post(params, isTip = true) {
|
||
| 149 | 149 |
}) |
| 150 | 150 |
} |
| 151 | 151 |
|
| 152 |
+function liveLogin(data) {
|
|
| 153 |
+ const params = data |
|
| 154 |
+ wx.showLoading({
|
|
| 155 |
+ title: '加载中...', |
|
| 156 |
+ mask: true |
|
| 157 |
+ }) |
|
| 158 |
+ wx.login({
|
|
| 159 |
+ success(res1) {
|
|
| 160 |
+ if (res1.code) {
|
|
| 161 |
+ params.code = res1.code |
|
| 162 |
+ wx.request({
|
|
| 163 |
+ url: urls.LIVE.LOGIN, |
|
| 164 |
+ data: params, |
|
| 165 |
+ method: 'POST', |
|
| 166 |
+ header: {
|
|
| 167 |
+ 'content-type': 'application/x-www-form-urlencoded' |
|
| 168 |
+ }, |
|
| 169 |
+ success(res2) {
|
|
| 170 |
+ wx.setStorage({
|
|
| 171 |
+ key: 'userInfo', |
|
| 172 |
+ data: res2.data.data |
|
| 173 |
+ }) |
|
| 174 |
+ }, |
|
| 175 |
+ complete: () => {
|
|
| 176 |
+ wx.hideLoading() |
|
| 177 |
+ } |
|
| 178 |
+ }) |
|
| 179 |
+ } else {
|
|
| 180 |
+ wx.showToast({
|
|
| 181 |
+ title: '微信登录异常', |
|
| 182 |
+ icon: 'none' |
|
| 183 |
+ }) |
|
| 184 |
+ wx.hideLoading() |
|
| 185 |
+ } |
|
| 186 |
+ }, |
|
| 187 |
+ fail() {
|
|
| 188 |
+ wx.showToast({
|
|
| 189 |
+ title: '微信登录异常', |
|
| 190 |
+ icon: 'none' |
|
| 191 |
+ }) |
|
| 192 |
+ wx.hideLoading() |
|
| 193 |
+ } |
|
| 194 |
+ }) |
|
| 195 |
+} |
|
| 196 |
+ |
|
| 152 | 197 |
module.exports = {
|
| 153 | 198 |
post, |
| 154 |
- login |
|
| 199 |
+ login, |
|
| 200 |
+ liveLogin |
|
| 155 | 201 |
} |
@@ -7,5 +7,13 @@ module.exports = {
|
||
| 7 | 7 |
|
| 8 | 8 |
PACK: `${config.baseURL}/api/pack`,
|
| 9 | 9 |
ORDER_CREATE: `${config.baseURL}/api/pay/wx/order_create`,
|
| 10 |
- ORDER_CANCEL: `${config.baseURL}/api/pay/wx/order/cancel`
|
|
| 10 |
+ ORDER_CANCEL: `${config.baseURL}/api/pay/wx/order/cancel`,
|
|
| 11 |
+ |
|
| 12 |
+ LIVE: {
|
|
| 13 |
+ GOODS_DETAIL: `${config.baseURL}/api/live/goods/detail`,
|
|
| 14 |
+ ORDER_CREATE: `${config.baseURL}/api/live/order/create`,
|
|
| 15 |
+ ORDER_CANCEL: `${config.baseURL}/api/live/order/cancel`,
|
|
| 16 |
+ ROOM_ANCHOR: `${config.baseURL}/api/live/room/anchor/detail`,
|
|
| 17 |
+ LOGIN: `${config.baseURL}/api/mini/live/login`
|
|
| 18 |
+ } |
|
| 11 | 19 |
} |