goods.vue 25 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735
  1. <template>
  2. <app-layout>
  3. <view v-if="!goods" class="u-goods-detail"></view>
  4. <template v-if="goods">
  5. <!--商品轮播图-->
  6. <app-goods-banner
  7. :pic-list="goods.pic_url"
  8. :share="goods.share"
  9. :goods_id="id"
  10. sign="mch"
  11. :video-url="goods.video_url"
  12. ></app-goods-banner>
  13. <view>
  14. <bd-info
  15. :theme="getTheme"
  16. :name="goods.name"
  17. :subtitle="goods.subtitle"
  18. :level-show="goods.level_show"
  19. :flash-sale="flash_sale"
  20. :price="goods.price"
  21. :original-price="goods.original_price"
  22. :price-max="goods.price_max"
  23. :price-min="goods.price_min"
  24. :price-member-max="goods.price_member_max"
  25. :price-member-min="goods.price_member_min"
  26. :sales="goods.sales"
  27. :unit="goods.unit"
  28. :is-sales="goods.is_sales"
  29. :goods-id="goods.id"
  30. :extra-quick-share="goods.extra_quick_share"
  31. :app-share-pic="goods.app_share_pic"
  32. :app-share-title="goods.app_share_title"
  33. :poster-config="poster_config + `&goods_id=` + goods.id + `&mch_id=` + goods.mch_id"
  34. :poster-generate="poster_generate + `&goods_id=` + goods.id + `&mch_id=` + goods.mch_id"
  35. :has-poster-nav="true"
  36. :share-url="poster + `&goods_id=` + goods.id + `&mch_id=` + goods.mch_id"
  37. v-bind:goods="goods"
  38. @share="hShareAppMessage"
  39. :limit-buy="goods.limit_buy"
  40. :min-number="goods.min_number"
  41. :origin_icon="goods.origin_icon"
  42. :origin_name="goods.origin_name"
  43. :goods_type="goods.goods_type"
  44. :trade_name="goods.trade_name"
  45. :brand_logo="goods.brand_logo"
  46. :brand_name="goods.brand_name"
  47. ></bd-info>
  48. </view>
  49. <template v-if="mch_store">
  50. <view class="shop-info dir-left-nowrap cross-center" :clas="mch_store.distance ? 'shop-info-2' : 'shop-info-1'">
  51. <image @click="navShop" class="box-grow-0" :src="mch_store.store.cover_url"></image>
  52. <view @click="navShop" class="dir-top-nowrap box-grow-1">
  53. <view class="store-name t-omit">{{mch_store.store.name}}</view>
  54. <view class="dir-left-nowrap">
  55. <view class="store-num">商品数量: {{mch_store.goods_count}}</view>
  56. <view>已售: {{mch_store.order_goods_count}}</view>
  57. </view>
  58. </view>
  59. <view class="box-grow-0">
  60. <view @click="navService" v-if="mch_setting.is_web_service"
  61. class="contain main-center cross-center dir-top-nowrap">
  62. <image class="store-icon-contain"
  63. :src="mch_setting.web_service_pic ? mch_setting.web_service_pic : `../image/goods-contact.png`"></image>
  64. <view class="store-contain">客服</view>
  65. </view>
  66. <view v-else class="main-center store-btn">
  67. <view class="shop-btn" @click="navShop">进店逛逛</view>
  68. </view>
  69. </view>
  70. </view>
  71. <view v-if="mch_store.distance" class="shop-address dir-left-nowrap cross-top">
  72. <view class="dir-top-nowrap box-grow-1">
  73. <view class="address">{{mch_store.store.address}}</view>
  74. <view class="km">距离{{mch_store.distance}}</view>
  75. </view>
  76. <view @click="navMap" class="box-grow-0 icon-address main-center">
  77. <image src="../image/summary-address.png"></image>
  78. </view>
  79. </view>
  80. </template>
  81. <bd-xbc
  82. :coAttr="is_open"
  83. :attr-list="selectAttr && selectAttr.attr_list"
  84. :type="goods.type"
  85. :guarantee-title="goods.guarantee_title"
  86. :guarantee-pic="goods.guarantee_pic"
  87. :param_content="param_content"
  88. :param_name="goods.param_name"
  89. :services="goods.services"
  90. :attr-groups="goods.attr_groups"
  91. :goods-stock="goods.goods_stock"
  92. @openAttr="clickAttr()"
  93. ></bd-xbc>
  94. <bd-hc
  95. :integral="goods.goods_marketing_award.integral"
  96. :coupon="goods.goods_marketing_award.coupon"
  97. :card="goods.goods_marketing_award.card"
  98. :balance="goods.goods_marketing_award.balance"
  99. :theme="getTheme"
  100. ></bd-hc>
  101. <bd-kb
  102. :limit="goods.goods_marketing.limit"
  103. :express="goods.express"
  104. :shipping="goods.goods_marketing.shipping"
  105. :pickup="goods.goods_marketing.pickup"
  106. ></bd-kb>
  107. <bd-comments :goods-id="goods.id"></bd-comments>
  108. <bd-detail :detail="goods.detail"></bd-detail>
  109. <!--相关推荐-->
  110. <view class="recommend">
  111. <view class="recommend-title dir-left-nowrap main-center">
  112. <view class="dir-left-nowrap cross-center">
  113. <view class="border"></view>
  114. <image src="../../../static/image/icon/icon-favorite.png"></image>
  115. <view style="color: #353535;">您或许喜欢</view>
  116. <view class="border"></view>
  117. </view>
  118. </view>
  119. <view class="recommend-list">
  120. <u-ordinary-list :is-under-line-price="isListUnderlinePrice == 1 ? true : false" :isShowAttr="true" :list="recommend_list" :theme="getTheme" :list-style="2"></u-ordinary-list>
  121. </view>
  122. </view>
  123. <!-- 底部空格 -->
  124. <view class="safe-area-inset-bottom">
  125. <view class="u-bottom-height" :class="[uBottomHeight]"></view>
  126. </view>
  127. <!-- 底部按钮 -->
  128. <view v-if="is_open == 1" class="safe-area-inset-bottom u-bottom-fixed">
  129. <view v-if="full_reduce">
  130. <app-goods-full-reduce
  131. :theme="getTheme"
  132. :full_reduce="full_reduce"
  133. >
  134. </app-goods-full-reduce>
  135. </view>
  136. <view v-if="goods.sell_time > 0">
  137. <app-sell-tip :time="goods.sell_time" @changeTime="changeTime"></app-sell-tip>
  138. </view>
  139. <view class="bd-bottom dir-left-nowrap" >
  140. <view class="bd-back dir-top-nowrap main-center cross-center box-grow-0" @click="navShop">
  141. <image class="bd-icon" src="../../../static/image/icon/icon-mch.png"></image>
  142. <text>店铺</text>
  143. </view>
  144. <view class="bd-back dir-top-nowrap main-center cross-center box-grow-0" @click="back">
  145. <image class="bd-icon" src="../../../static/image/icon/index.png"></image>
  146. <text>首页</text>
  147. </view>
  148. <view class="bd-back dir-top-nowrap main-center cross-center box-grow-0" @click="favorite">
  149. <image class="bd-icon" :src="goods.favorite ? '../../../static/image/icon/icon-favorite-active.png' : '../../../static/image/icon/icon-favorite.png'"></image>
  150. <text>收藏</text>
  151. </view>
  152. <view class="box-grow-1 dir-left-nowrap">
  153. <template v-if="goods.goods_stock > 0 && !goods.is_finish_sell">
  154. <view class="bd-button"
  155. :class="[leftTip]"
  156. :style="{'background': !goods || goods.buy_goods_auth ? getTheme.background_s_gradient_btn : '#999999','color': !goods || goods.buy_goods_auth ? getTheme.secondary_text : ''}"
  157. @click="clickAttr">
  158. 加入购物车
  159. </view>
  160. <view class="bd-button" v-if="!(isTip == 0 && goods.sell_time > 0)">
  161. <app-jump-button form>
  162. <view
  163. :style="{'background': goods.buy_goods_auth ? getTheme.background_gradient_btn : '#999999','color': goods.buy_goods_auth ? getTheme.main_text : '', 'width': '100%'}"
  164. class="bd-btn-right box-grow-1" @click="buyClick"
  165. >{{rightRemindText}}
  166. </view>
  167. </app-jump-button>
  168. </view>
  169. </template>
  170. <view v-else class="bd-btn" :class="[disableBtn]">{{goods.is_finish_sell ? '商品已下架' : '已售罄'}}</view>
  171. </view>
  172. </view>
  173. </view>
  174. <u-attr
  175. v-model="attrShow"
  176. :goods="goods"
  177. :theme="getTheme"
  178. :checked="selectAttr"
  179. @check="onAttr"
  180. >
  181. </u-attr>
  182. </template>
  183. <app-close v-if="showClose" :mch_id="mch_id" :modal="false" @update="getMall"></app-close>
  184. </app-layout>
  185. </template>
  186. <script>
  187. import {mapGetters, mapState} from "vuex";
  188. import appGoodsBanner from "@/components/page-component/goods/app-goods-banner.vue";
  189. import appGoodsFullReduce from "@/components/page-component/goods/app-goods-full-reduce";
  190. import uOrdinaryList from '@/components/page-component/u-goods-list/u-ordinary-list.vue';
  191. import uAttr from '@/components/page-component/goods/u-attr.vue';
  192. import bdInfo from '@/components/page-component/goods/bd-info';
  193. import bdXbc from '@/components/page-component/goods/bd-xbc.vue';
  194. import bdKb from '@/components/page-component/goods/bd-kb.vue';
  195. import bdHc from '@/components/page-component/goods/bd-hc.vue';
  196. import bdDetail from '@/components/page-component/goods/bd-detail.vue';
  197. import bdComments from '@/components/page-component/goods/bd-comments.vue';
  198. import appClose from '@/components/basic-component/app-close/app-close.vue';
  199. import appSellTip from '@/components/page-component/goods/app-sell-tip.vue';
  200. import goodsMixin from '@/core/goods-mixin.js';
  201. export default {
  202. name: "goods",
  203. mixins: [goodsMixin],
  204. components: {
  205. appGoodsBanner,
  206. uOrdinaryList,
  207. uAttr,
  208. appGoodsFullReduce,
  209. bdInfo,
  210. bdXbc,
  211. bdKb,
  212. bdHc,
  213. bdDetail,
  214. bdComments,
  215. appClose,
  216. appSellTip
  217. },
  218. data() {
  219. return {
  220. showClose: false,
  221. is_open: 0,
  222. goods: null,
  223. full_reduce: null,
  224. selectAttr: null,
  225. recommend_list: null,
  226. attrShow: false,
  227. id: 0,
  228. mch_id: 0,
  229. mch_store: null,
  230. mch_setting: null,
  231. flash_sale: null,
  232. poster: this.$api.mch.poster,
  233. poster_config: this.$api.mch.poster_config,
  234. poster_generate: this.$api.mch.poster_generate,
  235. param_content: [],
  236. disable: 'disable'
  237. };
  238. },
  239. computed: {
  240. ...mapState({
  241. mall: state => state.mallConfig.mall,
  242. isListUnderlinePrice: state => state.mallConfig.mall.setting.is_list_underline_price,
  243. isTip: state => state.mallConfig.mall.setting.is_remind_sell_time
  244. }),
  245. ...mapState('gConfig', {
  246. iphone: (data) => {
  247. return data.iphone;
  248. },
  249. iphoneHeight: (state) => {
  250. return state.iphoneHeight;
  251. },
  252. }),
  253. ...mapGetters('mallConfig', {
  254. getTheme: 'getTheme',
  255. }),
  256. uBottomHeight() {
  257. if (this.full_reduce && this.goods && this.goods.sell_time > 0) {
  258. return 'u-bottom-height-2';
  259. } else if (this.full_reduce || (this.goods && this.goods.sell_time > 0)) {
  260. return 'u-bottom-height-1';
  261. } else {
  262. return 'u-bottom-height-0';
  263. }
  264. },
  265. leftTip() {
  266. let leftTip = '';
  267. if (!(this.isTip == 0 && this.goods && this.goods.sell_time > 0)) {
  268. leftTip = 'bd-btn-left';
  269. } else {
  270. leftTip = 'box-grow-1';
  271. }
  272. return leftTip;
  273. },
  274. disableBtn() {
  275. return this.goods && this.goods.is_finish_sell ? 'btn-finish-sell' : 'bd-oversell-btn';
  276. },
  277. remindParams() {
  278. if (!this.goods) {
  279. return {};
  280. }
  281. return {
  282. sell_time: this.goods.sell_time,
  283. goods_id: this.goods.id,
  284. template_message_list: this.goods.template_message_list,
  285. buy_text: '立即购买'
  286. };
  287. },
  288. },
  289. onLoad(options) { this.$commonLoad.onload(options);
  290. [this.mch_id, this.id] = [options.mch_id, options.id];
  291. this.getAddress();
  292. this.loadRecommend();
  293. // #ifdef MP-WEIXIN
  294. wx.showShareMenu({
  295. withShareTicket: true,
  296. menus: ['shareAppMessage', 'shareTimeline']
  297. })
  298. // #endif
  299. },
  300. onShow() {
  301. this.showClose = false;
  302. setTimeout(()=>{
  303. this.showClose = true;
  304. })
  305. },
  306. // #ifdef MP-WEIXIN
  307. onShareTimeline() {
  308. return this.$shareTimeline({
  309. title: this.goods.app_share_title ? this.goods.app_share_title : this.goods.name,
  310. query: {
  311. id: this.id,
  312. mch_id: this.mch_id,
  313. }
  314. });
  315. },
  316. // #endif
  317. // #ifdef MP
  318. onShareAppMessage() {
  319. return this.hShareAppMessage();
  320. },
  321. // #endif
  322. methods: {
  323. hShareAppMessage(s = false){
  324. return this.$shareAppMessage({
  325. title: this.goods.app_share_title ? this.goods.app_share_title : this.goods.name,
  326. imageUrl: this.goods.app_share_pic ? this.goods.app_share_pic : this.goods.pic_url[0].pic_url,
  327. path: '/plugins/mch/goods/goods',
  328. desc: this.goods.subtitle,
  329. params: {
  330. id: this.id,
  331. mch_id: this.mch_id,
  332. }
  333. }, s);
  334. },
  335. getMall(e) {
  336. this.is_open = e.is_open;
  337. },
  338. // setCoupon(index) {
  339. // this.$set(this.goods.goods_coupon_center[index], 'is_receive', 1);
  340. // },
  341. getAddress() {
  342. const self = this;
  343. uni.getLocation({
  344. type: 'wgs84',
  345. success(res) {
  346. self.getMch(res.latitude, res.longitude);
  347. },
  348. fail(e) {
  349. self.getMch(0, 0);
  350. }
  351. });
  352. },
  353. getMch(latitude, longitude) {
  354. const self = this;
  355. self.$showLoading();
  356. self.$request({
  357. url: self.$api.mch.detail,
  358. data: {
  359. id: self.mch_id,
  360. latitude: latitude,
  361. longitude: longitude,
  362. }
  363. }).then(info => {
  364. self.$hideLoading();
  365. if (info.code === 0) {
  366. [self.mch_store, self.mch_setting] = [info.data.detail, info.data.mchSetting];
  367. self.getDetail();
  368. } else {
  369. uni.showModal({
  370. title: '提示',
  371. content: info.msg,
  372. showCancel: false,
  373. success: function (e) {
  374. if (e.confirm) {
  375. uni.navigateBack({delta: 1});
  376. }
  377. }
  378. });
  379. }
  380. }).catch(() => {
  381. self.$hideLoading();
  382. })
  383. },
  384. getDetail() {
  385. this.$showLoading();
  386. this.$request({
  387. url: this.$api.mch.goods_detail,
  388. data: {
  389. id: this.id,
  390. mch_id: this.mch_id
  391. }
  392. }).then(e => {
  393. this.$hideLoading();
  394. if (e.code === 0) {
  395. let { goods_activity } = e.data.detail;
  396. this.goods = e.data.detail;
  397. // #ifdef H5
  398. this.hShareAppMessage();
  399. // #endif
  400. let { param_content } = e.data.detail;
  401. this.param_content = param_content;
  402. if (goods_activity) {
  403. this.full_reduce = goods_activity.full_reduce;
  404. }
  405. } else {
  406. uni.showModal({
  407. title: '提示',
  408. content: e.msg,
  409. showCancel: false
  410. });
  411. }
  412. }).catch(() => {
  413. this.$hideLoading();
  414. });
  415. },
  416. loadRecommend() {
  417. const self = this;
  418. self.$request({
  419. url: self.$api.goods.new_recommend,
  420. data: {
  421. goods_id: self.id,
  422. },
  423. method: 'get'
  424. }).then(info => {
  425. if (info.code === 0) {
  426. this.recommend_list = info.data.list;
  427. }
  428. });
  429. },
  430. navMap() {
  431. uni.openLocation({
  432. latitude: parseFloat(this.mch_store.store.latitude),
  433. longitude: parseFloat(this.mch_store.store.longitude),
  434. name: this.mch_store.store.name,
  435. address: this.mch_store.store.address,
  436. })
  437. },
  438. onAttr({item}) {
  439. this.selectAttr = item;
  440. },
  441. navService() {
  442. uni.navigateTo({url: `/pages/web/web?url=` + this.mch_setting.web_service_url});
  443. },
  444. navShop() {
  445. uni.redirectTo({url: `/plugins/mch/shop/shop?mch_id=` + this.mch_id});
  446. },
  447. back() {
  448. uni.redirectTo({
  449. url: '/pages/index/index'
  450. });
  451. },
  452. favorite() {
  453. this.goods.favorite ? this.goods.favorite = false : this.goods.favorite = true;
  454. this.$request({
  455. url: !this.goods.favorite ? this.$api.user.favorite_remove : this.$api.user.favorite_add,
  456. data: {
  457. goods_id: this.goods.id,
  458. }
  459. }).then(e => {
  460. if (e.code !== 0) {
  461. uni.showModal({
  462. title: '提示',
  463. content: e.msg,
  464. showCancel: false
  465. });
  466. }
  467. });
  468. },
  469. clickAttr() {
  470. if (!this.goods.buy_goods_auth) {
  471. uni.showToast({
  472. title: '您暂无权限购买该商品',
  473. icon: 'none'
  474. });
  475. return;
  476. }
  477. if (this.goods.type === 'ecard') {
  478. uni.showToast({
  479. title: '虚拟商品不允许加入购物车',
  480. icon: 'none'
  481. });
  482. return;
  483. }
  484. this.attrShow = true;
  485. },
  486. changeTime(time) {
  487. this.goods.sell_time = time;
  488. },
  489. buyClick() {
  490. if (this.goods.sell_time > 0) {
  491. this.rightTip();
  492. } else{
  493. this.clickAttr();
  494. }
  495. },
  496. },
  497. }
  498. </script>
  499. <style scoped lang="scss">
  500. .goods-name {
  501. padding: #{24rpx};
  502. background-color: #ffffff;
  503. color: $uni-important-color-black;
  504. }
  505. .goods-subtitle {
  506. padding: #{24rpx};
  507. padding-top: 0;
  508. font-size: 24rpx;
  509. background-color: #ffffff;
  510. color: #999999;
  511. }
  512. .attr {
  513. padding: #{24rpx} 0;
  514. background-color: #f7f7f7;
  515. }
  516. .recommend {
  517. .recommend-title {
  518. margin: #{40rpx} 0 #{32rpx} 0;
  519. font-size: $uni-font-size-weak-one;
  520. color: $uni-general-color-two;
  521. .border {
  522. border-top: #{1rpx} solid #bbbbbb;
  523. height: 0;
  524. width: #{40rpx};
  525. margin: 0 #{24rpx};
  526. }
  527. image {
  528. width: #{24rpx};
  529. height: #{24rpx};
  530. display: block;
  531. margin-right: #{12rpx};
  532. }
  533. }
  534. }
  535. .shop-btn {
  536. height: #{64rpx};
  537. border: #{1px} solid #cdcdcd;
  538. color: #666666;
  539. background: #FFFFFF;
  540. width: #{146rpx};
  541. line-height: #{64rpx};
  542. border-radius: #{32rpx};
  543. text-align: center;
  544. }
  545. .bd-bottom {
  546. height: 110upx;
  547. width: 750upx;
  548. padding: 20upx 24upx;
  549. }
  550. .bd-back {
  551. width: 66upx;
  552. height: 100%;
  553. margin-right: 20upx;
  554. font-size: 20upx;
  555. color: #888888;
  556. }
  557. .bd-icon {
  558. width: 30upx;
  559. height: 30upx;
  560. }
  561. .bd-button {
  562. text-align: center;
  563. line-height: 70upx;
  564. font-size: 26upx;
  565. border-radius: 35upx;
  566. width: 50%;
  567. }
  568. .bd-btn-left {
  569. border-top-right-radius: 0;
  570. border-bottom-right-radius: 0;
  571. }
  572. .bd-btn-right {
  573. border-top-left-radius: 0;
  574. border-bottom-left-radius: 0;
  575. border-top-right-radius: 35upx;
  576. border-bottom-right-radius: 35upx;
  577. color: #ffffff;
  578. }
  579. .bd-btn {
  580. color: #ffffff;
  581. width: 100%;
  582. text-align: center;
  583. line-height: 70upx;
  584. font-size: 26upx;
  585. border-radius: 35upx;
  586. }
  587. .comments {
  588. margin-bottom: #{20rpx};
  589. background-color: #ffffff;
  590. }
  591. .detail {
  592. background-color: #ffffff;
  593. image {
  594. width: 100%;
  595. height: #{80rpx};
  596. display: block;
  597. }
  598. }
  599. .shop-info-1 {
  600. border-radius: 15upx;
  601. }
  602. .shop-info-2 {
  603. border-radius: 15upx 15upx 0 0;
  604. }
  605. .shop-info {
  606. height: #{124rpx};
  607. color: #999999;
  608. font-size: #{24rpx};
  609. background: #FFFFFF;
  610. width: 702upx;
  611. margin: 24upx 24upx 0 24upx;
  612. > image {
  613. border-radius: #{8rpx};
  614. margin: 0 #{20rpx};
  615. height: #{80rpx};
  616. width: #{80rpx}
  617. }
  618. .store-name {
  619. line-height: 1.5em;
  620. font-size: #{32rpx};
  621. color: #353535;
  622. margin-bottom: #{16rpx};
  623. }
  624. .store-num {
  625. margin-right: #{32rpx};
  626. }
  627. .contain {
  628. width: #{152rpx};
  629. height: 100%;
  630. image {
  631. height: #{40rpx};
  632. width: #{40rpx};
  633. display: block;
  634. }
  635. view {
  636. margin-top: #{8rpx};
  637. }
  638. }
  639. .store-btn {
  640. margin: 0 #{20rpx};
  641. }
  642. }
  643. .shop-address {
  644. width: 702rpx;
  645. margin: 0 24upx 24upx 24upx;
  646. padding: 20upx;
  647. font-size: #{24rpx};
  648. background: #FFFFFF;
  649. border-radius: 0 0 15upx 15upx;
  650. .address {
  651. color: #666666;
  652. max-height: #{560rpx};
  653. }
  654. .km {
  655. color: #999999;
  656. margin-top:#{10rpx};
  657. }
  658. .icon-address {
  659. width: #{120rpx};
  660. border-left: 1px solid #e2e2e2;
  661. }
  662. image {
  663. height: #{32rpx};
  664. width: #{32rpx};
  665. display: block;
  666. }
  667. }
  668. .text {
  669. color: #ffffff;
  670. }
  671. .goods-margin {
  672. margin-top: 20upx;
  673. }
  674. .u-bottom-height-0 {
  675. height: 110upx;
  676. }
  677. .u-bottom-height-1 {
  678. height: 190upx;
  679. }
  680. .u-bottom-fixed {
  681. position: fixed;
  682. bottom: 0;
  683. left: 0;
  684. width: 100%;
  685. z-index: 1602;
  686. background-color: #ffffff;
  687. box-shadow: 0 -1rpx 20rpx -15rpx #353535;
  688. }
  689. .bd-oversell-btn {
  690. background-color: #CDCDCD;
  691. }
  692. .btn-finish-sell {
  693. background: linear-gradient(to right, rgba(153, 153, 153, 1), rgba(153, 153, 153, 0.7)) ;
  694. }
  695. .u-bottom-height-2 {
  696. height: 270upx;
  697. }
  698. .bd-oversell-btn {
  699. background-color: #CDCDCD;
  700. }
  701. </style>