|
|
@@ -1,643 +1,41 @@
|
|
|
<template>
|
|
|
- <view class="container">
|
|
|
- <view class="status-box">
|
|
|
- <view class='status_tap_box' style="position: relative;">
|
|
|
- <view @tap="statusTap" class="status-label" v-for="(item,index) in statusType" :key="index" :class="item[0] == currentType ? 'active' : ''" :data-index="item[0]">
|
|
|
- {{item[1]}} <!-- {{index && (index+1) != statusType.length ? item[2] ? '(' + item[2] + ')' : '(0)' : ''}} -->
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <not-goods v-if="haveGoods" textStr="抱歉!暂无相关订单" />
|
|
|
- <view class="order-list" v-if="orderList && orderList.length > 0">
|
|
|
- <view v-for="(li,index) in orderList" :key="index">
|
|
|
- <!-- 未付款 -->
|
|
|
- <view class="a-order">
|
|
|
- <view class='overflow' :data-id="li.id">
|
|
|
- <view class="list-title flex_r flex_ac flex_jb ellipsis">
|
|
|
- <view class="flex_r flex_ac">
|
|
|
- <view class="imgs_bar avaImgs">
|
|
|
- <image class="image" :src="pt.platFormLogo" mode="widthFix" />
|
|
|
- </view>{{pt.platFormName}}
|
|
|
- </view>
|
|
|
- <view class="fz_text r_color" v-if="li.data.assembleType != 1 && li.data.assembleStatus == 1">正在拼团中</view>
|
|
|
- <view class="fz_text" v-else>{{li.data.statusMsg}}</view>
|
|
|
- </view>
|
|
|
- <view class="goods-info flex_r flex_ac flex_jb" :data-type="li.type" :data-id="li.data.orderDetailId" @tap="toDetails(li)">
|
|
|
- <view class="goods-info-bar overflow flex_r flex_ac">
|
|
|
- <block v-if="li.type == 1 || li.data.orderTypes == 4">
|
|
|
- <view class="imgs_bar img-box">
|
|
|
- <image :src="li.data.image" mode='' class="goods-img"></image>
|
|
|
- </view>
|
|
|
- <view class='goods_name ellipsis2'>{{li.data.goodsName || ''}}</view>
|
|
|
- </block>
|
|
|
- <block v-else>
|
|
|
- <scroll-view class="goods-img-container" scroll-x="true">
|
|
|
- <view class="imgs_bar img-box" v-for="(item,ind) in li.data.imgs" :key="ind">
|
|
|
- <image :src="item" mode='' class="goods-img"></image>
|
|
|
- </view>
|
|
|
- </scroll-view>
|
|
|
- </block>
|
|
|
- </view>
|
|
|
- <view class='goodsDetail_info'>
|
|
|
- <view class='goods_price r_color' v-if="li.data.orderTypes!=5">¥<text class="r_color">{{li.data.totalPrice}}</text></view>
|
|
|
- <view class='goods_price r_color' v-if="li.data.orderTypes==5"><text class="r_color">{{li.data.integral}}</text>积分</view>
|
|
|
- <view class='unimport'>共{{li.data.buyCount}}件</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="price-box flex_r flex_ac">
|
|
|
- <view class="ptz" v-if="li.data.orderTypes == 7">
|
|
|
- 拼团金:{{li.data.totalAccountSpell}}
|
|
|
- </view>
|
|
|
- <view class="btn cancel-btn" :data-type="li.type" :data-types="li.data.orderTypes" :data-id="li.data.orderDetailId" @tap="toCancel" v-if="li.data.status == 2">取消订单</view>
|
|
|
- <view class="btn topay-btn" :data-id="li.data.orderDetailId" :data-index="index" :data-ojsType="li.data.ojsType" @tap="toPay" v-if="li.data.status == 2">立即支付</view>
|
|
|
-
|
|
|
- <block v-else>
|
|
|
- <block v-if="(li.data.status == 4 || li.data.status == 5) && li.returnType == 1 && li.data.orderTypes!=2">
|
|
|
- <view class="btn" :data-orderno="li.data.orderNo" v-if="li.data.assembleStatus==2">拼团成功</view>
|
|
|
- <view
|
|
|
- v-if="li.refundId"
|
|
|
- class="btn"
|
|
|
- :class="li&&li.refundId ? 'topay-btn':'cancel-btn'"
|
|
|
- :data-type="li.type"
|
|
|
- :data-id="li.data.orderDetailId"
|
|
|
- :data-reid="li.refundId"
|
|
|
- @tap="toRefundDetails(li)"
|
|
|
- >
|
|
|
- 退款中
|
|
|
- </view>
|
|
|
- <view
|
|
|
- v-else
|
|
|
- class="btn"
|
|
|
- :class="li&&li.refundId ? 'topay-btn':'cancel-btn'"
|
|
|
- :data-type="li.type"
|
|
|
- :data-id="li.data.orderDetailId"
|
|
|
- :data-reid="li.refundId"
|
|
|
- @tap="toRefund(li)"
|
|
|
- >
|
|
|
- 退货/退款
|
|
|
- </view>
|
|
|
- </block>
|
|
|
- <view class="btn cancel-btn" v-if="li.data.status != 2" :data-type="li.type" :ata-id="li.data.orderDetailId" @tap="toDetail(li)">查看订单</view>
|
|
|
- <view class="btn topay-btn" :data-id="li.data.orderDetailId" :data-status="li.data.status" :data-type="li.type" @tap="toTake" v-if="li.data.status == 4 || li.data.status == 3">确认收货</view>
|
|
|
- <view class="btn topay-btn" :data-type="li.type" :data-id="li.data.orderDetailId" :data-no="li.data.orderNo" @tap="toCommen" v-if="li.comType && li.comType == 1">去评价</view>
|
|
|
- </block>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <!-- 未付款 end -->
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="loading-indicator" :class="loadingMoreHidden ? 'opacity' : ''">{{loadingTip}}</view>
|
|
|
+ <view class='con_nothing'>
|
|
|
+ <image mode='widthFix' class='image' src='/static/con_nothing.png'></image>
|
|
|
+ <text>{{textStr?textStr:"抱歉!暂无相关商品"}}</text>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-// var reqApi = new ReqApi();
|
|
|
-// var toPayOpre = new ToPayOpre();
|
|
|
-var app = getApp();
|
|
|
-var appEv = app.$vm.$options;
|
|
|
-var page = 1;
|
|
|
-import notGoods from '@/components/not-goods/index'
|
|
|
-// import terraceTagbar from '@/components/terrace-tagbar/index'
|
|
|
-// import { ReqApi, ToPayOpre } from "../../utils/reqTools.js";
|
|
|
export default {
|
|
|
- components:{
|
|
|
- notGoods,
|
|
|
- // terraceTagbar
|
|
|
+ props:{
|
|
|
+ textStr: String
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- statusType: [
|
|
|
- ["1", "全部"],
|
|
|
- ["2", "待付款"],
|
|
|
- ["3", "待发货"],
|
|
|
- ["4", "待收货"],
|
|
|
- ["5", "已收货"]
|
|
|
- ],
|
|
|
- orderList: [],
|
|
|
- currentType: "1",
|
|
|
- haveGoods: false,
|
|
|
- loadingMoreHidden: true,
|
|
|
- loadingTip: '没有更多了',
|
|
|
- userId:"",
|
|
|
- isweixin:'',
|
|
|
- pt:{}
|
|
|
+
|
|
|
};
|
|
|
- },
|
|
|
- onLoad: function (options) {
|
|
|
- var that = this;
|
|
|
- this.currentType=options.status ? options.status : 1
|
|
|
- },
|
|
|
- onShow:function(){
|
|
|
- let that=this
|
|
|
- const userId = app.globalData.systemUserInfo && app.globalData.systemUserInfo.userId ? app.globalData.systemUserInfo.userId : '';
|
|
|
- if (!userId || userId == '' || userId==undefined) {
|
|
|
- // that.showAuth=true
|
|
|
- appEv.authorizeUserInfo(res=>{
|
|
|
- if(res){
|
|
|
- that.clearData()
|
|
|
- that.loadData()
|
|
|
- }
|
|
|
- },true)
|
|
|
- }else{
|
|
|
- that.clearData()
|
|
|
- that.loadData()
|
|
|
- }
|
|
|
- },
|
|
|
- methods:{
|
|
|
- returnBtn:function(){
|
|
|
- uni.navigateBack({})
|
|
|
- },
|
|
|
- clearData(isclearCat = true, callBack){
|
|
|
- page = 1;
|
|
|
- this.orderList=[]
|
|
|
- this.haveGoods=false
|
|
|
- if (callBack){
|
|
|
- callBack();
|
|
|
- }
|
|
|
- },
|
|
|
- loadData: function() {
|
|
|
- if (page == -1){
|
|
|
- return;
|
|
|
- }
|
|
|
- uni.showLoading({
|
|
|
- title: '加载中…',
|
|
|
- mask: true
|
|
|
- });
|
|
|
- var data = {
|
|
|
- page,
|
|
|
- status: this.currentType == 1 ? '' : this.currentType
|
|
|
- };
|
|
|
-
|
|
|
- var orderList = reqApi.pendingPayment(data);
|
|
|
- var that = this;
|
|
|
-
|
|
|
- if (orderList) {
|
|
|
- orderList.then(res => {
|
|
|
- setTimeout(() => {
|
|
|
- uni.hideLoading();
|
|
|
- }, 100)
|
|
|
- uni.stopPullDownRefresh();
|
|
|
- var resData = res.data.mallGoods;
|
|
|
- if (resData && resData.length <= 0) {
|
|
|
- if (page <= 1) {
|
|
|
- that.haveGoods=true
|
|
|
- that.loadingMoreHidden=true
|
|
|
- } else {
|
|
|
- that.loadingMoreHidden=false
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- if (res.data.status == 200) {
|
|
|
- var obj = res.data.data;
|
|
|
-
|
|
|
- // that.arrangeData(obj);
|
|
|
-
|
|
|
- if (resData && resData.length > 0) {
|
|
|
- var orderList = that.orderList;
|
|
|
- var list = orderList.concat(resData);
|
|
|
- that.pt=res.data.platform
|
|
|
- that.orderList=list
|
|
|
- that.haveGoods=false
|
|
|
- that.loadingMoreHidden=true
|
|
|
- }
|
|
|
- } else {
|
|
|
- appEv.errTips(res.data.msg || '');
|
|
|
- if (res.data.status == 999) {
|
|
|
- // that.arrangeData(res.data.data);
|
|
|
- page = -1;
|
|
|
- that.loadingMoreHidden=false
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
- },
|
|
|
- toDetails(data){
|
|
|
- if(data.data.orderTypes == 4){
|
|
|
- uni.navigateTo({
|
|
|
- url: '/pages/szw-order-details/index?id=' + data.data.orderDetailId + '&type=1',
|
|
|
- })
|
|
|
- }else{
|
|
|
- uni.navigateTo({
|
|
|
- url: '/pages/szw-order-details/index?id=' + data.data.orderDetailId + '&type=' + data.type,
|
|
|
- })
|
|
|
- }
|
|
|
- },
|
|
|
- toDetail:function(data){
|
|
|
- if(data.data.orderTypes == 4){
|
|
|
- uni.navigateTo({
|
|
|
- url: '/pages/szw-order-details/index?id=' + data.data.orderDetailId + '&type=1',
|
|
|
- })
|
|
|
- }else{
|
|
|
- uni.navigateTo({
|
|
|
- url: '/pages/szw-order-details/index?id=' + data.data.orderDetailId + '&type=' + data.type,
|
|
|
- })
|
|
|
- }
|
|
|
- },
|
|
|
- toRefund(data){
|
|
|
- uni.navigateTo({
|
|
|
- url: '/pages/order-refund/index?id=' + data.data.orderDetailId + '&type=' + data.type,
|
|
|
- })
|
|
|
- },
|
|
|
- toRefundDetails(data){
|
|
|
- uni.navigateTo({
|
|
|
- url: '/pages/order-refund-details/index?id=' + data.refundId,
|
|
|
- })
|
|
|
- },
|
|
|
- // 立即支付
|
|
|
- toPay(e){
|
|
|
- var orderDetailIds = e.currentTarget.dataset.id;
|
|
|
- var index = e.currentTarget.dataset.index;
|
|
|
- var price = this.orderList[index].data.totalPrice;
|
|
|
- var type = this.orderList[index].data.patType;
|
|
|
- var teaIntegral = this.orderList[index].data.totalTeaInt;
|
|
|
- var pfIntegral = this.orderList[index].data.totalPfInt;
|
|
|
- var xfIntegral = this.orderList[index].data.totalXfInt;
|
|
|
- var totalAccount = this.orderList[index].data.totalAccount;
|
|
|
- var orderNo = this.orderList[index].data.orderNo;
|
|
|
- let data = {
|
|
|
- orderDetailIds:orderDetailIds,
|
|
|
- types:1,
|
|
|
- price:price,
|
|
|
- account:totalAccount,
|
|
|
- teaIntegral:teaIntegral,
|
|
|
- pfIntegral:pfIntegral,
|
|
|
- xfIntegral:xfIntegral,
|
|
|
- zfType:type,
|
|
|
- ojsType:e.currentTarget.dataset.ojstype
|
|
|
- }
|
|
|
- var info
|
|
|
- info = reqApi.payOrder(data);
|
|
|
- var that = this;
|
|
|
- if (info) {
|
|
|
- info.then(res => {
|
|
|
- if (res.data.status == 200) {
|
|
|
- toPayOpre.toPay(res.data.payParam);
|
|
|
- } else {
|
|
|
- appEv.errTips(res.data.msg || '支付失败');
|
|
|
- }
|
|
|
- });
|
|
|
- }
|
|
|
- },
|
|
|
- // 取消订单
|
|
|
- toCancel(e){
|
|
|
- var isTuan = e.currentTarget.dataset.tuan;
|
|
|
- if (isTuan){
|
|
|
- uni.showModal({
|
|
|
- title: '温馨提示',
|
|
|
- content: '发起拼单24小时后,若未拼单成功将自动取消订单并退款哦~',
|
|
|
- showCancel: false,
|
|
|
- confirmText: "知道了",
|
|
|
- confirmColor: "#f02f2f"
|
|
|
- })
|
|
|
- }else{
|
|
|
- var orderDetailId = e.currentTarget.dataset.id, type = e.currentTarget.dataset.type;
|
|
|
- let types =e.currentTarget.dataset.types;
|
|
|
- console.log(types)
|
|
|
- if(types == 4){
|
|
|
- type = 1;
|
|
|
- }
|
|
|
- const info = reqApi.cancelOrder({ orderDetailId, type });
|
|
|
- var that = this;
|
|
|
- if (info) {
|
|
|
- info.then(res => {
|
|
|
- if (res.data.status == 200) {
|
|
|
- uni.showToast({
|
|
|
- title: res.data.msg || '订单已取消',
|
|
|
- duration: 1200,
|
|
|
- mask: true
|
|
|
- })
|
|
|
- setTimeout(function () {
|
|
|
- that.clearData(false, () => {
|
|
|
- that.loadData();
|
|
|
- });
|
|
|
- }, 1200);
|
|
|
- } else {
|
|
|
- appEv.errTips(res.data.msg || '取消失败');
|
|
|
- }
|
|
|
- });
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- // 确认收货
|
|
|
- toTake(e){
|
|
|
- let type = e.currentTarget.dataset.type;
|
|
|
- var that = this;
|
|
|
- uni.showModal({
|
|
|
- content: '亲,“确定收货”代表着本订单的交付流程已经完成,不再支持任何形式的退换货。',
|
|
|
- confirmText: "确认收货",
|
|
|
- confirmColor: "#fa2f2e",
|
|
|
- cancelText: "取消",
|
|
|
- cancelColor: "#bbb",
|
|
|
- success(res) {
|
|
|
- if (res.confirm) {
|
|
|
- var orderDetailId = e.currentTarget.dataset.id
|
|
|
- const info = reqApi.takeOrder({ orderDetailId:orderDetailId, type:type });
|
|
|
- if (info) {
|
|
|
- info.then(res => {
|
|
|
- if (res.data.status == 200) {
|
|
|
- appEv.errTips(res.data.msg);
|
|
|
- setTimeout(function () {
|
|
|
- that.clearData(false, () => {
|
|
|
- that.loadData();
|
|
|
- });
|
|
|
- }, 1200);
|
|
|
- } else {
|
|
|
- appEv.errTips(res.data.msg || '收货失败');
|
|
|
- }
|
|
|
- });
|
|
|
- }
|
|
|
- } else if (res.cancel) {
|
|
|
- // console.log('用户点击取消');
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- // 整理数据
|
|
|
- arrangeData(data = appEv.parameter("data")){
|
|
|
- var statusType = this.data.statusType;
|
|
|
- statusType[0][2] = data.wholeCount;
|
|
|
- statusType[1][2] = data.AlreadyPaymentCount;
|
|
|
- statusType[2][2] = data.AlreadyCompleteCount;
|
|
|
- statusType[3][2] = data.AlreadySettlementCount;
|
|
|
- this.statusType=statusType
|
|
|
- },
|
|
|
- //菜单切换
|
|
|
- statusTap: function(e) {
|
|
|
- //重置数据
|
|
|
- var curType = e.currentTarget.dataset.index;
|
|
|
- this.currentType=curType
|
|
|
- this.clearData(false, this.loadData);
|
|
|
- },
|
|
|
- // 跳转拼团分享页面
|
|
|
- toTuanShare(e){
|
|
|
- uni.navigateTo({
|
|
|
- url: '/pages/tuan-share-info/index?orderNo=' + e.currentTarget.dataset.orderno
|
|
|
- })
|
|
|
- },
|
|
|
- // 加评价
|
|
|
- toCommen(e) {
|
|
|
- let id = e.currentTarget.dataset.id
|
|
|
- let no = e.currentTarget.dataset.no
|
|
|
- let orderType = e.currentTarget.dataset.type
|
|
|
- uni.navigateTo({
|
|
|
- url: '/pages/add-goods-commen/index?orderId=' + id + '&orderNo=' + no + '&orderType=' + orderType
|
|
|
- })
|
|
|
- },
|
|
|
- pageBack:function(){
|
|
|
- uni.reLaunch({
|
|
|
- url: '/pages/my/index'
|
|
|
- });
|
|
|
- }
|
|
|
- },
|
|
|
- //上拉加载事件
|
|
|
- onReachBottom: function () {
|
|
|
- if (page != -1) {
|
|
|
- var that = this;
|
|
|
- setTimeout(function () {
|
|
|
- // 为页数迭加1
|
|
|
- ++page;
|
|
|
- that.loadData();
|
|
|
- }, 800);
|
|
|
- }
|
|
|
- },
|
|
|
- // 下拉刷新
|
|
|
- onPullDownRefresh: function () {
|
|
|
- var that = this;
|
|
|
- that.clearData(false, () => {
|
|
|
- that.loadData();
|
|
|
- });
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss">
|
|
|
-page{
|
|
|
- background-color: #f3f5f7;
|
|
|
-}
|
|
|
-.container {
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-.fl{
|
|
|
- float: left;
|
|
|
-}
|
|
|
-.fr{
|
|
|
- float: right;
|
|
|
-}
|
|
|
-.overflow{
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-.r_color{
|
|
|
- color: #fa2f2e;
|
|
|
-}
|
|
|
-.loading-indicator{
|
|
|
- width: 100%;
|
|
|
- text-align: center;
|
|
|
- font-size: 24rpx;
|
|
|
- color: #666;
|
|
|
- margin: 20rpx 0;
|
|
|
- line-height: 1.5;
|
|
|
-}
|
|
|
-.opacity{
|
|
|
- opacity: 0;
|
|
|
- display: none;
|
|
|
-}
|
|
|
-.terraceComp{
|
|
|
- height: 84rpx;
|
|
|
-}
|
|
|
-.terraceComp_fix{
|
|
|
- position: fixed;
|
|
|
- top: -12rpx;
|
|
|
- left: 0;
|
|
|
- right: 0;
|
|
|
- z-index: 15;
|
|
|
-}
|
|
|
-.status-box {
|
|
|
- width: 100%;
|
|
|
- height: 94rpx;
|
|
|
-}
|
|
|
-.status_tap_box{
|
|
|
- position: fixed;
|
|
|
- left: 0;
|
|
|
- top: 0;
|
|
|
- width: 100%;
|
|
|
- overflow: hidden;
|
|
|
- line-height: 88rpx;
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
- background-color: #fff;
|
|
|
- z-index: 300;
|
|
|
- box-shadow: 0rpx 8rpx 8rpx rgba(0,0,0,0.025);
|
|
|
-}
|
|
|
-.status-box .status-label {
|
|
|
- flex-grow: 1;
|
|
|
- height: 100%;
|
|
|
+.con_nothing{
|
|
|
+ padding: 80rpx 30rpx;
|
|
|
+ overflow: hidden;
|
|
|
text-align: center;
|
|
|
- font-size: 28rpx;
|
|
|
- color: #353535;
|
|
|
- box-sizing: border-box;
|
|
|
- position: relative;
|
|
|
- border-bottom: 6rpx solid transparent;
|
|
|
-}
|
|
|
-
|
|
|
-.status-box .status-label.active {
|
|
|
- color: #E05F0B;
|
|
|
- border-bottom-color: #E05F0B;
|
|
|
-}
|
|
|
-
|
|
|
-.order-list {
|
|
|
- width: 100%;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-
|
|
|
-.order-list .a-order {
|
|
|
- width: 100%;
|
|
|
- background-color: #fff;
|
|
|
- margin-top: 24rpx;
|
|
|
-}
|
|
|
-
|
|
|
-.order-list .a-order .order-date {
|
|
|
- padding: 16rpx 30rpx 20rpx;
|
|
|
- line-height: 40rpx;
|
|
|
- font-size: 26rpx;
|
|
|
- color: #000;
|
|
|
- overflow: hidden;
|
|
|
}
|
|
|
-
|
|
|
-.order-list .a-order .order-date .red {
|
|
|
- font-size: 26rpx;
|
|
|
- color: #fa2f2e;
|
|
|
-}
|
|
|
-.order-list .a-order .order-date text.r_color{
|
|
|
- font-weight: 600;
|
|
|
+.con_nothing .image{
|
|
|
+ width: 200rpx;
|
|
|
+ height: 200rpx;
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto 20rpx;
|
|
|
}
|
|
|
-
|
|
|
-.a-order .goods-info{
|
|
|
+.con_nothing text{
|
|
|
+ font-size: 32rpx;
|
|
|
+ color: #aaa;
|
|
|
+ line-height: 1.5;
|
|
|
+ padding: 20rpx 0;
|
|
|
width: 100%;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-.a-order .list-title {
|
|
|
- font-size: 28rpx;
|
|
|
- font-weight: 600;
|
|
|
- color: #000;
|
|
|
- padding: 16rpx 24rpx;
|
|
|
-}
|
|
|
-.avaImgs{
|
|
|
- width: 54rpx;
|
|
|
- height: 54rpx;
|
|
|
- overflow: hidden;
|
|
|
- border-radius: 50%;
|
|
|
- background-color: #f3f5f7;
|
|
|
- margin-right: 20rpx;
|
|
|
-}
|
|
|
-
|
|
|
-.goods-info{
|
|
|
- width: 100%;
|
|
|
- line-height: 39rpx;
|
|
|
- font-size: 26rpx;
|
|
|
- color: #000;
|
|
|
- overflow: hidden;
|
|
|
- padding: 30rpx;
|
|
|
- background-color: #f3f5f7;
|
|
|
- box-sizing: border-box;
|
|
|
-}
|
|
|
-.goods-info-bar{
|
|
|
- width: calc(100% - 190rpx);
|
|
|
-}
|
|
|
-.goods-info .img-box {
|
|
|
- width: 172rpx;
|
|
|
- height: 120rpx;
|
|
|
overflow: hidden;
|
|
|
- background-color: #fff;
|
|
|
- border-radius: 12rpx;
|
|
|
- margin-right: 20rpx;
|
|
|
-}
|
|
|
-.goods-info .img-box .goods-img {
|
|
|
- width: 100%;
|
|
|
- display: block;
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-.goods-img-container {
|
|
|
- overflow: hidden;
|
|
|
- box-sizing: border-box;
|
|
|
- width: 100%;
|
|
|
- height: 172rpx;
|
|
|
- white-space: nowrap;
|
|
|
-}
|
|
|
-.goods-img-container .img-box{
|
|
|
- display: inline-block;
|
|
|
-}
|
|
|
-.goods-img-container .img-box:last-of-type{
|
|
|
- margin-right: 0;
|
|
|
-}
|
|
|
-.goods-info .goods_name{
|
|
|
- width: calc(100% - 192rpx);
|
|
|
- font-size: 28rpx;
|
|
|
- font-weight: 500;
|
|
|
- color: #121212;
|
|
|
-}
|
|
|
-.goodsDetail_info{
|
|
|
- overflow: hidden;
|
|
|
- width: 180rpx;
|
|
|
- line-height: 1.5;
|
|
|
- text-align: right;
|
|
|
-}
|
|
|
-.goodsDetail_info .unimport{
|
|
|
- font-size: 24rpx;
|
|
|
- color: #999;
|
|
|
-}
|
|
|
-.goodsDetail_info .goods_price{
|
|
|
- font-size: 26rpx;
|
|
|
- line-height: 1.2;
|
|
|
- font-weight:600;
|
|
|
- margin-bottom: 10rpx;
|
|
|
-}
|
|
|
-.goodsDetail_info .goods_price text{
|
|
|
- font-size: 36rpx;
|
|
|
-}
|
|
|
-
|
|
|
-.order-list .a-order .price-box {
|
|
|
- position: relative;
|
|
|
- width: 100%;
|
|
|
- box-sizing: border-box;
|
|
|
- padding: 16rpx 30rpx;
|
|
|
- display: flex;
|
|
|
- justify-content: flex-end;
|
|
|
- font-size: 26rpx;
|
|
|
-}
|
|
|
-
|
|
|
-.a-order .price-box .btn {
|
|
|
- box-sizing: border-box;
|
|
|
- text-align: center;
|
|
|
- border-radius: 40rpx;
|
|
|
- margin-left: 20rpx;
|
|
|
- border: 1rpx solid #ccc;
|
|
|
- padding: 12rpx 24rpx;
|
|
|
-}
|
|
|
-.order-list .a-order .price-box .total-price {
|
|
|
- color: #E05F0B;
|
|
|
-}
|
|
|
-
|
|
|
-.a-order .price-box .topay-btn {
|
|
|
- border-color: #E05F0B;
|
|
|
- color: #E05F0B;
|
|
|
-}
|
|
|
-
|
|
|
-.a-order .price-box .r_topay-btn {
|
|
|
- border-color: #E05F0B;
|
|
|
- background-color: #E05F0B;
|
|
|
- color: #fff;
|
|
|
-}
|
|
|
-
|
|
|
-//拼团金
|
|
|
-.flot_left{
|
|
|
- // float: left;
|
|
|
- margin-left:auto;
|
|
|
-}
|
|
|
-.ptz{
|
|
|
- color: #18BB88;font-size: 30rpx;
|
|
|
- position: absolute;
|
|
|
- left: 30rpx;
|
|
|
}
|
|
|
</style>
|