|
|
<template>
|
|
|
<view>
|
|
|
<view class="order" :class="['theme', themeObj.name]">
|
|
|
<!-- 收货地址 -->
|
|
|
<view class="order_address" style="height: auto;margin-bottom: 8px;">
|
|
|
<view class="row">
|
|
|
<view class="nominal">联系人</view>
|
|
|
<view class="input"><input class="input-text" v-model="goods.recipient" disabled="true" placeholder="请输入联系人姓名" type="text"></input></view>
|
|
|
</view>
|
|
|
<view class="row">
|
|
|
<view class="nominal">电话号码</view>
|
|
|
<view class="input"><input class="input-text" v-model="goods.mobile" disabled="" placeholder="请输入联系人电话号码" type="number" maxlength="11"></input></view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="order_address">
|
|
|
<image src="/static/images/home/bottom.png"></image>
|
|
|
<view class="address_box">
|
|
|
<view class="weizhi_icon">
|
|
|
<text class="iconfont icon-dizhi" ></text>
|
|
|
</view>
|
|
|
<block>
|
|
|
<view class="center">
|
|
|
<view class="name">
|
|
|
<text class="text1">{{ goods.storeName }}</text>
|
|
|
<text class="phones">{{ goods.storePhone }}</text>
|
|
|
</view>
|
|
|
<view class="address_name">{{ goods.storeAddr }}</view>
|
|
|
</view>
|
|
|
</block>
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 商品详情 -->
|
|
|
<view v-for="(item, index) in goods.orderDetailList" :key="index" class="goods">
|
|
|
<view class="goods_data" @tap="goGoodsDetail(item)">
|
|
|
<image :src="item.url"></image>
|
|
|
<view class="goods_title">
|
|
|
<view class="g_name">
|
|
|
{{item.goodsName}}
|
|
|
</view>
|
|
|
<view class="goods_sku">
|
|
|
规格: {{item.specs}}
|
|
|
</view>
|
|
|
<view class="price">
|
|
|
<view class="t1">¥{{item.price}}</view>
|
|
|
<view class="t3">
|
|
|
x{{item.goodsNo}}{{item.unit}}
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="morelist" style="border-bottom:none">
|
|
|
<!-- <view class="title">
|
|
|
<text class="quan" :style="'background:' + colors">券</text>
|
|
|
<text>优惠券</text>
|
|
|
</view>
|
|
|
<view class="right_title" :style="'color:' + colors + ';font-size:24upx'">
|
|
|
减20
|
|
|
</view> -->
|
|
|
</view>
|
|
|
<!-- 单商品操作按钮 在订单状态为待评价时才会显示-->
|
|
|
<view class="goods_btns" v-if="goods.state === 2 || goods.state === 3">
|
|
|
<view class="btns" style="margin-right: 40upx;" @click="onafterSale(item)">
|
|
|
申请售后
|
|
|
</view>
|
|
|
<view class="btns btn-item1"
|
|
|
|
|
|
@click="onevaluate(item)">
|
|
|
{{ item.commitId ? '查看评价' : '去评价'}}
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 核销码 -->
|
|
|
<!-- <view class="order_ewm">
|
|
|
<view class="ewm_title">我的核销码</view>
|
|
|
<view class="center_ewm">
|
|
|
<image src="/static/images/ewm.png"></image>
|
|
|
</view>
|
|
|
</view> -->
|
|
|
<!-- 订单详情 -->
|
|
|
<view class="order_more">
|
|
|
<view class="morelist">
|
|
|
<text class="title">商品总价</text>
|
|
|
<view class="right_title">
|
|
|
¥{{goods.totalAmount}}
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="morelist">
|
|
|
<view class="title">
|
|
|
<text class="quan" >运</text>
|
|
|
<text>运费</text>
|
|
|
</view>
|
|
|
<view class="right_title">
|
|
|
¥0
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="morelist">
|
|
|
<text class="title">实付款</text>
|
|
|
<view class="right_title" >
|
|
|
¥{{goods.totalAmount}}
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="morelist">
|
|
|
<text class="title">订单编号</text>
|
|
|
<view class="right_title">
|
|
|
{{goods.id}}
|
|
|
<text class="copy" @click="onCopy(goods.id)">复制</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="morelist" v-if="goods.logisticsId">
|
|
|
<text class="title">物流单号</text>
|
|
|
<view class="right_title">
|
|
|
{{goods.logisticsId}}
|
|
|
<text class="copy" @click="onCopy(goods.logisticsId)">复制</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="morelist">
|
|
|
<text class="title">创建时间</text>
|
|
|
<view class="right_title">
|
|
|
{{ goods.createTime }}
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="tips margin0" v-if="goods.state == 5 && (goods.financeRemark ||goods.materialRemark)">
|
|
|
<view class="tips_name">退单原因</view>
|
|
|
<!-- <view class="textarea_box" v-else-if="goods.dispacherRemark">
|
|
|
<textarea disabled="true" placeholder-class="font-size: 24upx" maxlength="-1"
|
|
|
v-model="goods.dispacherRemark">
|
|
|
</textarea>
|
|
|
</view> -->
|
|
|
<view class="textarea_box" v-if="goods.financeRemark">
|
|
|
<textarea disabled="true" placeholder-class="font-size: 24upx" maxlength="-1"
|
|
|
v-model="goods.financeRemark">
|
|
|
</textarea>
|
|
|
</view>
|
|
|
<view class="textarea_box" v-else-if="goods.materialRemark">
|
|
|
<textarea disabled="true" placeholder-class="font-size: 24upx" maxlength="-1"
|
|
|
v-model="goods.materialRemark">
|
|
|
</textarea>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="tips">
|
|
|
<view class="tips_name">订单备注</view>
|
|
|
<view class="textarea_box">
|
|
|
<textarea disabled="true" placeholder-class="font-size: 24upx" maxlength="-1" v-model="goods.remark">
|
|
|
</textarea>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
<view class="bottom_btn" v-if="goods.state == 6 || goods.state == 1">
|
|
|
<block v-if="goods.state == 6">
|
|
|
<view class="moneys">
|
|
|
合计: <text >¥{{goods.totalAmount}}</text>
|
|
|
</view>
|
|
|
<view class="btns item1"
|
|
|
@tap="changeOrderStatus(goods.state, 'cancel')">
|
|
|
取消订单
|
|
|
</view>
|
|
|
<!-- <view class="btns" :style="'background:' + colors + ';'">
|
|
|
继续支付
|
|
|
</view> -->
|
|
|
</block>
|
|
|
<!-- <block v-if="goods.state == 1">
|
|
|
<view class="btns" :style="'color:' + colors + ';border:1upx solid ' + colors + ';margin-right:20upx'" @tap="onRefund">
|
|
|
申请退款
|
|
|
</view>
|
|
|
</block> -->
|
|
|
<block v-if="goods.state == 1">
|
|
|
<!-- <view class="btns" :style="'color:' + colors + ';border:1upx solid ' + colors + ';margin-right:20upx'" @tap="onRefund">
|
|
|
申请退款
|
|
|
</view> -->
|
|
|
<view class="btns"
|
|
|
@tap="changeOrderStatus(goods.state, 'ok')">
|
|
|
确认收货
|
|
|
</view>
|
|
|
</block>
|
|
|
<block v-if="goods.state == 2 || goods.state == 3">
|
|
|
<!-- <view class="btns shouhou" @click="jumpSale">退款/售后</view> -->
|
|
|
<!-- <view class="btns" :style="'background:' + colors + ';margin-left:20upx;'">再次购买</view> -->
|
|
|
<view class="btns shouhou" @tap="onafterSale">退款/售后</view>
|
|
|
</block>
|
|
|
<block v-if="goods.state == 4">
|
|
|
<view class="btns shouhou" @click="delOrder">删除订单</view>
|
|
|
</block>
|
|
|
</view>
|
|
|
</view>
|
|
|
<loading v-if="isShow == true"></loading>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import { getSalesGoods, getUserInfo, setSalesGoodsItem } from '@/utils/auth'
|
|
|
import { editOrder, getCommits } from '@/api'
|
|
|
var app = getApp();
|
|
|
import loading from "../../commponent/public/loading";
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
colors: app.globalData.newColor,
|
|
|
themeObj: app.globalData.themeObj,
|
|
|
status: 0,
|
|
|
//订单状态
|
|
|
isShow: true,
|
|
|
goods: {
|
|
|
addr: ','
|
|
|
},
|
|
|
orderList: {
|
|
|
goods: [{
|
|
|
title: 'DUNKINDONUTS唐恩都乐美国甜甜圈6个礼盒装 随机搭配6款',
|
|
|
type: 1,
|
|
|
goods_id: 201,
|
|
|
number: 1,
|
|
|
goods_sku_text: '醇黑巧克力【20枚】',
|
|
|
img: 'http://img10.360buyimg.com/n1/jfs/t1/86401/35/12206/357766/5e43b59cE5a7aa4dd/0753be765166c195.jpg',
|
|
|
money: '175.78',
|
|
|
},
|
|
|
{
|
|
|
title: '农谣人 原味火山石烤肠1000g/约16根台式原味肠地道肠纯肉肠热狗肠台湾烤肠香肠烧烤肠半熟食火腿肠 台式原味地道肠1kg',
|
|
|
type: 1,
|
|
|
goods_id: 204,
|
|
|
number: 1,
|
|
|
goods_sku_text: '台式原味地道肠1kg',
|
|
|
img: 'http://img10.360buyimg.com/n1/jfs/t1/118993/11/329/175715/5e8ac0afE94234346/3ceb1344cf34d655.jpg',
|
|
|
money: '52.00 '
|
|
|
},
|
|
|
],
|
|
|
type: 1,
|
|
|
status: 0,
|
|
|
order_No: 'AQWEAD45648974974456',
|
|
|
shopp_Address: '北京市海淀区苏家坨乡前沙涧村',
|
|
|
sumprice:'227.78',
|
|
|
tips:"尽快发货"
|
|
|
},
|
|
|
};
|
|
|
},
|
|
|
|
|
|
components: {
|
|
|
loading
|
|
|
},
|
|
|
props: {},
|
|
|
|
|
|
/**
|
|
|
* 生命周期函数--监听页面加载
|
|
|
*/
|
|
|
onLoad: function (options) {
|
|
|
let status = 0;
|
|
|
if (options.status) {
|
|
|
this.status = options.status;
|
|
|
}
|
|
|
setTimeout(() => {
|
|
|
this.setData({
|
|
|
isShow: false
|
|
|
});
|
|
|
}, 600);
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
* 生命周期函数--监听页面初次渲染完成
|
|
|
*/
|
|
|
onReady: function () {},
|
|
|
|
|
|
/**
|
|
|
* 生命周期函数--监听页面显示
|
|
|
*/
|
|
|
onShow: function () {
|
|
|
this.initGoodsData()
|
|
|
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
* 生命周期函数--监听页面隐藏
|
|
|
*/
|
|
|
onHide: function () {},
|
|
|
|
|
|
/**
|
|
|
* 生命周期函数--监听页面卸载
|
|
|
*/
|
|
|
onUnload: function () {},
|
|
|
|
|
|
/**
|
|
|
* 页面相关事件处理函数--监听用户下拉动作
|
|
|
*/
|
|
|
onPullDownRefresh: function () {},
|
|
|
|
|
|
/**
|
|
|
* 页面上拉触底事件的处理函数
|
|
|
*/
|
|
|
onReachBottom: function () {},
|
|
|
|
|
|
/**
|
|
|
* 用户点击右上角分享
|
|
|
*/
|
|
|
onShareAppMessage: function () {},
|
|
|
methods: {
|
|
|
goGoodsDetail(item) {
|
|
|
uni.navigateTo({
|
|
|
url: '/pages/views/goods/goodsDetails?id=' + item.goodsId
|
|
|
})
|
|
|
},
|
|
|
getCommits(goods) {
|
|
|
let s = [
|
|
|
{
|
|
|
|
|
|
"rule": "eq",
|
|
|
"type": "string",
|
|
|
"dictCode": "",
|
|
|
"val": getUserInfo().id,
|
|
|
"field": "userId"
|
|
|
},
|
|
|
{
|
|
|
"rule": "eq",
|
|
|
"type": "string",
|
|
|
"dictCode": "",
|
|
|
"val": goods.id,
|
|
|
"field": "orderId"
|
|
|
},
|
|
|
// {
|
|
|
|
|
|
// "rule": "eq",
|
|
|
// "type": "string",
|
|
|
// "dictCode": "",
|
|
|
// "val": getUserInfo().id,
|
|
|
// "field": "goodId"
|
|
|
// }
|
|
|
]
|
|
|
|
|
|
const params = {
|
|
|
pageNo:1,
|
|
|
pageSize: 100,
|
|
|
superQueryParams: s,
|
|
|
superQueryMatchType: 'and',
|
|
|
"column": "createTime",
|
|
|
order: "desc",
|
|
|
}
|
|
|
params.superQueryParams = encodeURI(JSON.stringify(s))
|
|
|
getCommits(params).then(res => {
|
|
|
const list = res.result.records.map(v => ({ id: v.id, goodsId: v.goodId }))
|
|
|
const orderDetailList = goods.orderDetailList.map(v => {
|
|
|
const idList = list.filter(vc => vc.goodsId === v.goodsId)
|
|
|
if (idList.length) {
|
|
|
v.commitId = idList[0].id
|
|
|
}
|
|
|
return v
|
|
|
})
|
|
|
goods.orderDetailList = orderDetailList
|
|
|
this.goods = goods
|
|
|
})
|
|
|
},
|
|
|
initGoodsData() {
|
|
|
const goods = getSalesGoods()
|
|
|
if (!goods) {
|
|
|
uni.reLaunch({
|
|
|
url: '/pages/views/tabBar/category'
|
|
|
})
|
|
|
}
|
|
|
this.getCommits(goods)
|
|
|
|
|
|
},
|
|
|
changeOrderStatus(state, type = 'ok') {
|
|
|
console.log(state)
|
|
|
const stateObj = {
|
|
|
0: {
|
|
|
okState: 1,
|
|
|
okText: '',
|
|
|
cancelText: '是否取消该订单吗?',
|
|
|
cancelState: 5,
|
|
|
},
|
|
|
6: {
|
|
|
okState: 1,
|
|
|
okText: '',
|
|
|
cancelText: '是否取消该订单吗?',
|
|
|
cancelState: 5,
|
|
|
},
|
|
|
1: {
|
|
|
okText: '是否确认收货?',
|
|
|
okState: 2,
|
|
|
cancelText: '',
|
|
|
|
|
|
}
|
|
|
}
|
|
|
const title = stateObj[state][type + 'Text']
|
|
|
let that = this
|
|
|
uni.showModal({
|
|
|
title,
|
|
|
confirmColor:this.colors,
|
|
|
success: (res) => {
|
|
|
if(res.confirm){
|
|
|
that.goods.state = stateObj[state][type + 'State']
|
|
|
editOrder(that.goods).then(res => {
|
|
|
uni.showToast({
|
|
|
icon: 'none',
|
|
|
title: '操作成功'
|
|
|
})
|
|
|
uni.navigateBack(-1)
|
|
|
})
|
|
|
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
confirmOrder(item) {
|
|
|
|
|
|
},
|
|
|
cancelOrder(item) {
|
|
|
//取消订单
|
|
|
uni.showModal({
|
|
|
title:'确认要取消该订单吗?',
|
|
|
confirmColor:this.colors,
|
|
|
success: (res) => {
|
|
|
if(res.confirm){
|
|
|
item.state = 5
|
|
|
editOrder(item).then(res => {
|
|
|
uni.showToast({
|
|
|
icon: 'none',
|
|
|
title: '操作成功'
|
|
|
})
|
|
|
uni.navigateBack(-1)
|
|
|
})
|
|
|
console.log('取消成功')
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
onRefund(item){
|
|
|
// 申请退款
|
|
|
uni.navigateTo({
|
|
|
url: '/pages/views/order/cancelOrder?orderId'
|
|
|
});
|
|
|
},
|
|
|
onCopy(value){ //复制订单号
|
|
|
// #ifdef H5
|
|
|
var input = document.createElement('input'); // 直接构建input
|
|
|
input.value = value; // 设置内容
|
|
|
document.body.appendChild(input); // 添加临时实例
|
|
|
input.select(); // 选择实例内容
|
|
|
document.execCommand('Copy'); // 执行复制
|
|
|
document.body.removeChild(input); // 删除临时实例
|
|
|
this.$toast('复制成功')
|
|
|
// #endif
|
|
|
// #ifndef H5
|
|
|
uni.setClipboardData({
|
|
|
data:value,
|
|
|
success:function(){
|
|
|
uni.showToast({
|
|
|
title:'复制成功~',
|
|
|
icon:'none'
|
|
|
})
|
|
|
}
|
|
|
})
|
|
|
// #endif
|
|
|
},
|
|
|
onafterSale(item){ //申请售后
|
|
|
this.$toast('功能开发中,敬请期待')
|
|
|
return
|
|
|
uni.navigateTo({
|
|
|
url:'/pages/views/order/afterType?goodData='+JSON.stringify(item)
|
|
|
})
|
|
|
},
|
|
|
onevaluate(item){ //去评价
|
|
|
setSalesGoodsItem(item)
|
|
|
const id = item.commitId ? item.commitId : 0
|
|
|
uni.navigateTo({
|
|
|
url:'/pages/views/order/evaluate/evaluate?id=' + id
|
|
|
})
|
|
|
},
|
|
|
jumpSale(){ //退款售后
|
|
|
uni.navigateTo({
|
|
|
url:'/pages/views/order/afterSaleList'
|
|
|
})
|
|
|
},
|
|
|
delOrder(){ //删除订单
|
|
|
uni.showModal({
|
|
|
title:'确认要删除该订单吗?',
|
|
|
confirmColor:this.colors,
|
|
|
success: (res) => {
|
|
|
if(res.confirm){
|
|
|
console.log('删除成功')
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
}
|
|
|
};
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
page {
|
|
|
background-color: #F9F9F9;
|
|
|
}
|
|
|
|
|
|
.order {
|
|
|
padding: 20upx 4%;
|
|
|
}
|
|
|
.mode{
|
|
|
height: 80upx;
|
|
|
line-height: 80upx;
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
background-color: #fff;
|
|
|
padding: 0 20upx;
|
|
|
border-radius: 10upx;
|
|
|
align-items: center;
|
|
|
margin-bottom: 20upx;
|
|
|
box-shadow: 0upx 0upx 10upx #ddd;
|
|
|
}
|
|
|
.mode:active{
|
|
|
background-color: #f5f5f5;
|
|
|
}
|
|
|
.mode .text1{
|
|
|
color: #999;
|
|
|
font-size: 24upx;
|
|
|
}
|
|
|
.mode .text2{
|
|
|
font-size: 24upx;
|
|
|
color: #333;
|
|
|
display: block;
|
|
|
width: 50%;
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
.mode image{
|
|
|
width: 40upx;
|
|
|
height: 40upx;
|
|
|
display: block;
|
|
|
}
|
|
|
.order_address {
|
|
|
height: 150upx;
|
|
|
width: 100%;
|
|
|
background-color: #fff;
|
|
|
border-radius: 10upx;
|
|
|
overflow: hidden;
|
|
|
position: relative;
|
|
|
box-shadow: 0upx 0upx 10upx #ddd;
|
|
|
.row {
|
|
|
color: #999;
|
|
|
display: flex;
|
|
|
line-height: 60upx;
|
|
|
height: 60upx;
|
|
|
padding: 0 20upx;
|
|
|
font-size: 24upx;
|
|
|
.nominal {
|
|
|
width: 22%;
|
|
|
}
|
|
|
.input {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
margin-left: 20px;
|
|
|
}
|
|
|
.input-text {
|
|
|
color: #000;
|
|
|
font-size: 24upx;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.order_address image {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
display: block;
|
|
|
position: absolute;
|
|
|
top: 0;
|
|
|
left: 0;
|
|
|
z-index: 10;
|
|
|
}
|
|
|
|
|
|
.address_box {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
display: block;
|
|
|
position: absolute;
|
|
|
top: 0;
|
|
|
left: 0;
|
|
|
z-index: 10;
|
|
|
box-sizing: border-box;
|
|
|
padding: 20upx;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
}
|
|
|
|
|
|
.weizhi_icon text {
|
|
|
font-size: 40upx;
|
|
|
margin-left: 10upx;
|
|
|
}
|
|
|
|
|
|
.address_box .center {
|
|
|
margin-left: 20upx;
|
|
|
}
|
|
|
|
|
|
.address_box .center .name {
|
|
|
height: 60upx;
|
|
|
line-height: 60upx;
|
|
|
}
|
|
|
|
|
|
.address_box .center .name .text1 {
|
|
|
font-size: 26upx;
|
|
|
font-weight: bold;
|
|
|
color: #333;
|
|
|
display: inline-block;
|
|
|
margin-right: 20upx;
|
|
|
}
|
|
|
|
|
|
.phones {
|
|
|
font-size: 24upx;
|
|
|
color: #999;
|
|
|
z-index: 0;
|
|
|
}
|
|
|
|
|
|
.address_box .address_name {
|
|
|
font-size: 26upx;
|
|
|
font-weight: bold;
|
|
|
color: #333;
|
|
|
}
|
|
|
|
|
|
.noaddress {
|
|
|
margin-left: 40upx;
|
|
|
font-weight: bold;
|
|
|
color: #333;
|
|
|
font-size: 26upx;
|
|
|
}
|
|
|
|
|
|
.goods {
|
|
|
background-color: #fff;
|
|
|
margin-top: 20upx;
|
|
|
box-shadow: 0upx 0upx 10upx #ddd;
|
|
|
border-radius: 10upx;
|
|
|
padding: 30upx 20upx;
|
|
|
padding-bottom: 10upx;
|
|
|
}
|
|
|
|
|
|
.goods_data {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
}
|
|
|
|
|
|
.goods_data image {
|
|
|
min-width: 150upx;
|
|
|
max-width: 150upx;
|
|
|
height: 150upx;
|
|
|
display: block;
|
|
|
border-radius: 10upx;
|
|
|
}
|
|
|
|
|
|
.goods_title {
|
|
|
margin-left: 20upx;
|
|
|
line-height: 40upx;
|
|
|
width: 100%;
|
|
|
}
|
|
|
.goods_title .price{
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
height: 40upx;
|
|
|
line-height: 40upx;
|
|
|
margin-top: 20upx;
|
|
|
position: relative;
|
|
|
}
|
|
|
.goods_title .price .t1{
|
|
|
font-size: 30upx;
|
|
|
display: block;
|
|
|
}
|
|
|
.goods_title .price .t2{
|
|
|
font-size: 24upx;
|
|
|
margin-left: 15upx;
|
|
|
display: block;
|
|
|
color: #999;
|
|
|
}
|
|
|
.goods_title .price .t3{
|
|
|
float: right;
|
|
|
font-size: 26upx;
|
|
|
color: #999;
|
|
|
position: absolute;
|
|
|
right: 0upx;
|
|
|
top: 0;
|
|
|
}
|
|
|
.goods_title .g_name {
|
|
|
font-size: 26upx;
|
|
|
font-weight: bold;
|
|
|
max-height: 80upx;
|
|
|
overflow: hidden;
|
|
|
display: -webkit-box;
|
|
|
-webkit-line-clamp: 2;
|
|
|
-webkit-box-orient: vertical;
|
|
|
}
|
|
|
.goods_title .goods_sku{
|
|
|
color: #999;
|
|
|
/* margin-top: 20upx; */
|
|
|
}
|
|
|
.numbers{
|
|
|
/* text-align: right; */
|
|
|
}
|
|
|
.shop{
|
|
|
margin-top: 20upx;
|
|
|
font-size: 24upx;
|
|
|
color: #333;
|
|
|
display: flex;
|
|
|
align-content: center;
|
|
|
}
|
|
|
.order_more{
|
|
|
padding: 0 2%;
|
|
|
margin-top: 20upx;
|
|
|
background-color: #fff;
|
|
|
box-shadow: 0upx 0upx 10upx #ddd;
|
|
|
border-radius: 10upx;
|
|
|
}
|
|
|
.morelist{
|
|
|
height: 70upx;
|
|
|
line-height: 70upx;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: space-between;
|
|
|
border-bottom: 1upx dashed #eee;
|
|
|
}
|
|
|
.morelist .title{
|
|
|
color: #333;
|
|
|
font-size: 26upx;
|
|
|
font-weight: bold;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
}
|
|
|
.morelist .title .quan{
|
|
|
font-size: 20upx;
|
|
|
width: 35upx;
|
|
|
height: 35upx;
|
|
|
line-height: 36upx;
|
|
|
text-align: center;
|
|
|
border-radius: 8upx;
|
|
|
margin-right: 10upx;
|
|
|
align-items: center;
|
|
|
color: #fff;
|
|
|
}
|
|
|
.morelist .right_title{
|
|
|
color: #999;
|
|
|
font-size: 26upx;
|
|
|
}
|
|
|
.morelist .copy{
|
|
|
font-size: 22upx;
|
|
|
color: #888;
|
|
|
background-color: #eee;
|
|
|
height: 50upx;
|
|
|
line-height: 50upx;
|
|
|
padding: 0 20upx;
|
|
|
border-radius: 10upx;
|
|
|
margin-left: 20upx;
|
|
|
display: inline-block;
|
|
|
}
|
|
|
.goods_btns{
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: flex-end;
|
|
|
margin-bottom: 10upx;
|
|
|
.btns{
|
|
|
font-size: 24upx;
|
|
|
text-align: center;
|
|
|
color: #999999;
|
|
|
padding: 5upx 15upx;
|
|
|
border-radius: 8upx;
|
|
|
border: 1upx solid #DDDDDD;
|
|
|
}
|
|
|
}
|
|
|
.tips{
|
|
|
padding: 10upx 0;
|
|
|
margin-bottom: 120upx;
|
|
|
padding-bottom: 20upx;
|
|
|
}
|
|
|
.tips.margin0 {
|
|
|
margin: 0;
|
|
|
color: var(--red);
|
|
|
}
|
|
|
.tips .tips_name{
|
|
|
font-size: 26upx;
|
|
|
font-weight: bold;
|
|
|
line-height: 60upx;
|
|
|
}
|
|
|
.textarea_box{
|
|
|
min-height: 100upx;
|
|
|
width: 100%;
|
|
|
border: 1upx solid #eee;
|
|
|
border-radius: 10upx;
|
|
|
padding: 20upx;
|
|
|
}
|
|
|
.textarea_box textarea{
|
|
|
font-size: 24upx;
|
|
|
height: 150upx;
|
|
|
}
|
|
|
.bottom_btn{
|
|
|
height: 100upx;
|
|
|
width: 100vw;
|
|
|
background-color: #fff;
|
|
|
position: fixed;
|
|
|
left: 0;
|
|
|
bottom: 0;
|
|
|
line-height: 100upx;
|
|
|
display: flex;
|
|
|
justify-content: flex-end;
|
|
|
padding: 0 30upx;
|
|
|
z-index: 100;
|
|
|
}
|
|
|
.bottom_btn .moneys{
|
|
|
font-size: 32upx;
|
|
|
margin-right: 100upx;
|
|
|
}
|
|
|
.bottom_btn .btns{
|
|
|
font-size: 26upx;
|
|
|
height: 50upx;
|
|
|
line-height: 50upx;
|
|
|
padding: 0 20upx;
|
|
|
text-align: center;
|
|
|
border-radius: 8upx;
|
|
|
margin-top: 30upx;
|
|
|
color: #FFFFFF;
|
|
|
}
|
|
|
/* 优惠券 */
|
|
|
.coupon{
|
|
|
background-color: #fff;
|
|
|
border-radius: 10upx 10upx 0 0;
|
|
|
position: fixed;
|
|
|
left: 0;
|
|
|
bottom: -1000upx;
|
|
|
z-index: 150;
|
|
|
transition: all 0.3s;
|
|
|
}
|
|
|
.coupon .buyong{
|
|
|
line-height: 80upx;
|
|
|
padding: 0 4%;
|
|
|
text-align: right;
|
|
|
color: #999;
|
|
|
}
|
|
|
.mask{
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
position: fixed;
|
|
|
top: 0;
|
|
|
left: 0;
|
|
|
background: #000;
|
|
|
z-index: 10;
|
|
|
opacity: 0.7;
|
|
|
}
|
|
|
.scrolls{
|
|
|
width: 100vw;
|
|
|
height: 55vh;
|
|
|
z-index: 500;
|
|
|
}
|
|
|
.shop{
|
|
|
padding: 20upx;
|
|
|
display: flex;
|
|
|
justify-content: flex-start;
|
|
|
position: relative;
|
|
|
background-color: #fff;
|
|
|
box-shadow: 0upx 0upx 10upx #ddd;
|
|
|
border-radius: 10upx;
|
|
|
}
|
|
|
.shop .shop_img{
|
|
|
width: 120upx;
|
|
|
height: 120upx;
|
|
|
display: block;
|
|
|
overflow: hidden;
|
|
|
box-sizing: border-box;
|
|
|
border-radius: 8upx;
|
|
|
}
|
|
|
.shop_center{
|
|
|
overflow: hidden;
|
|
|
margin-left: 20upx;
|
|
|
}
|
|
|
.shop_center .shop_name{
|
|
|
font-size: 28upx;
|
|
|
color: #333;
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
.shop_center .shop_address{
|
|
|
font-size: 24upx;
|
|
|
color: #333;
|
|
|
margin-top: 40upx;
|
|
|
overflow: hidden;
|
|
|
white-space: nowrap;
|
|
|
text-overflow: ellipsis;
|
|
|
}
|
|
|
.shoucang{
|
|
|
width: 80upx;
|
|
|
display: flex;
|
|
|
flex-wrap: wrap;
|
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
|
position:absolute;
|
|
|
right: 20upx;
|
|
|
top: 50%;
|
|
|
transform: translateY(-50%);
|
|
|
}
|
|
|
.shoucang .sc_icons text{
|
|
|
font-size: 45upx;
|
|
|
color: #999;
|
|
|
}
|
|
|
.shoucang .sc_text{
|
|
|
font-size: 22upx;
|
|
|
color: #333;
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
.order_ewm{
|
|
|
width: 100%;
|
|
|
height: 380upx;
|
|
|
padding: 20upx 10upx;
|
|
|
background-color: #fff;
|
|
|
border-radius: 10upx;
|
|
|
box-shadow: 0upx 0upx 10upx #ddd;
|
|
|
margin-top: 20upx;
|
|
|
}
|
|
|
.ewm_title{
|
|
|
height: 40upx;
|
|
|
line-height: 40upx;
|
|
|
font-size: 26upx;
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
.center_ewm{
|
|
|
height: 300upx;
|
|
|
width: 300upx;
|
|
|
margin: 0 auto;
|
|
|
}
|
|
|
.center_ewm image{
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
display: block;
|
|
|
}
|
|
|
.shouhou {
|
|
|
border: 1upx solid #ddd;
|
|
|
color: #999;
|
|
|
}
|
|
|
</style> |