Merge branch 'master' of http://154.8.193.216:3030/admin1/jiangchengfeiyi-xiaochengxu
# Conflicts: # pages.json
This commit is contained in:
commit
dca49ff661
41
App.vue
41
App.vue
|
|
@ -1,3 +1,42 @@
|
|||
<template>
|
||||
|
||||
</template>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { onLaunch } from '@dcloudio/uni-app'
|
||||
//小程序加载的时候调用该方法
|
||||
onLaunch(()=>{
|
||||
// console.log('onLaunch方法被触发');
|
||||
// getFonts() //更改全局字体
|
||||
})
|
||||
// const getFonts = () => { //导入字体
|
||||
// uni.loadFontFace({
|
||||
// family: 'FangZhengFonts',
|
||||
// source: `url("https://carbon2.obs.cn-north-4.myhuaweicloud.com/fonts/FangZhengFonts.TTF")`,
|
||||
// success: (res) => {
|
||||
// console.log('success', res);
|
||||
// },
|
||||
// fail: (err) => {
|
||||
// console.log('err', err);
|
||||
// }
|
||||
// })
|
||||
// }
|
||||
</script>
|
||||
|
||||
<style>
|
||||
/*每个页面公共css */
|
||||
/* //设置圆角 */
|
||||
checkbox.round .wx-checkbox-input,
|
||||
checkbox.round .uni-checkbox-input {
|
||||
border-radius: 100upx;
|
||||
border: 1px solid #ec6330;
|
||||
}
|
||||
/* //设置背景色 */
|
||||
checkbox.red[checked] .wx-checkbox-input,
|
||||
checkbox.red.checked .uni-checkbox-input {
|
||||
background-color: #E79EA1 !important;
|
||||
border-color: #ebebeb !important;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
/* //元素使用的时候就是使用 round 和 red */
|
||||
</style>
|
||||
|
|
@ -1,36 +1,54 @@
|
|||
export const stateList = [
|
||||
//订单状态数组
|
||||
export const stateList = [
|
||||
{
|
||||
state: '待支付',
|
||||
img: 'https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FFybMDtHR-dengdaifukuan.png',
|
||||
msg: '等待买家付款'
|
||||
msg: '等待买家付款',
|
||||
tips: '请于15分钟内付款，超时订单将自动关闭'
|
||||
},
|
||||
{
|
||||
state: '待发货',
|
||||
img: 'https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FEOzVqolp-fahuo.png',
|
||||
msg: '等待卖家发货'
|
||||
msg: '等待卖家发货',
|
||||
tips: '耐心等待工艺品发货~'
|
||||
},
|
||||
{
|
||||
state: '退款中',
|
||||
img: '',
|
||||
msg: '退款审核中',
|
||||
tips: '请君耐心等待退款结果'
|
||||
},
|
||||
{
|
||||
state: '已退款',
|
||||
img: 'https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FlPnvgqCp-yituikuan.png',
|
||||
msg: '订单已经退款'
|
||||
msg: '订单已经退款',
|
||||
tips: '希望下次能让君满意'
|
||||
},
|
||||
{
|
||||
state: '待收货',
|
||||
img: 'https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FEOzVqolp-fahuo.png',
|
||||
msg: '商品已发货，注意查收'
|
||||
msg: '商品已发货，注意查收',
|
||||
tips: '非遗工艺品马上到手啦，耐心点'
|
||||
},
|
||||
{
|
||||
state: '交易成功',
|
||||
img: '',
|
||||
msg: '订单完成，感谢您的支持'
|
||||
msg: '订单完成，感谢您的支持',
|
||||
tips: '感谢您的支持'
|
||||
},
|
||||
{
|
||||
state: '交易关闭',
|
||||
img: 'https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FaHDhacaI-dengdaifukuan.png',
|
||||
msg: '您的订单已关闭'
|
||||
msg: '您的订单已关闭',
|
||||
tips: '下次看好了之后再买哦'
|
||||
}
|
||||
]
|
||||
export const stateMap = new Map()
|
||||
stateList.forEach((item)=>{
|
||||
stateMap.set(item.state,item)
|
||||
})
|
||||
})
|
||||
//获取选中日期是星期几方法
|
||||
export const weekDay = function(time) {
|
||||
let datelist = ['周日','周一','周二','周三','周四','周五','周六',]
|
||||
return datelist[new Date(time).getDay()];
|
||||
}
|
||||
|
|
|
|||
35
pages.json
35
pages.json
|
|
@ -149,13 +149,6 @@
|
|||
"navigationBarTitleText" : ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/service/productDetail/productDetail",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/workshop/index/index",
|
||||
"style" :
|
||||
|
|
@ -202,7 +195,8 @@
|
|||
"path" : "pages/store-home/main/testMain",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : ""
|
||||
"navigationBarTitleText" : "",
|
||||
"enablePullDownRefresh":true //开启下拉刷新
|
||||
}
|
||||
},
|
||||
{
|
||||
|
|
@ -218,6 +212,27 @@
|
|||
{
|
||||
"navigationBarTitleText" : ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/Shopping-cart/productmain/testproductmain",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/workshop/component/testTimePopUp",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "pages/mine/addressList/addressList",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : ""
|
||||
}
|
||||
}
|
||||
],
|
||||
"plugins" : {
|
||||
|
|
@ -248,12 +263,12 @@
|
|||
"text":"首页"
|
||||
},
|
||||
{
|
||||
"pagePath": "pages/store-home/main/main",
|
||||
"pagePath": "pages/store-home/main/testMain",
|
||||
"iconPath": "./static/store.png",
|
||||
"text":"商城"
|
||||
},
|
||||
{
|
||||
"pagePath": "pages/Shopping-cart/productmain/productmain",
|
||||
"pagePath": "pages/Shopping-cart/productmain/testproductmain",
|
||||
"iconPath": "./static/shopcar.png",
|
||||
"text":"购物车"
|
||||
},
|
||||
|
|
|
|||
|
|
@ -14,11 +14,17 @@
|
|||
<view class="flex-row items-center group_4">
|
||||
<text class="font_2 text_5">所在地区</text>
|
||||
<view class="flex-col justify-start flex-1 relative group_5 ml-13">
|
||||
<!-- <input class="text-wrapper_3" v-model="addressParam.region" placeholder="请输入地区" /> -->
|
||||
<view class="zujian"><addSelected></addSelected></view>
|
||||
<picker mode="region" @change="bindTimeChange" style="width: 400rpx;">
|
||||
<input
|
||||
border="bottom"
|
||||
placeholder="请选择省市区"
|
||||
type="text" v-model="addressParam.region"
|
||||
:disabled="true"/>
|
||||
</picker>
|
||||
<image
|
||||
class="image pos"
|
||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FkYDyjpPh-dingwei.png"
|
||||
@click="chooseLocation()"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -49,7 +55,6 @@
|
|||
import {ref , onMounted} from 'vue'
|
||||
import { testUrl , baseUrl , suiUrl } from '../../../api/request';
|
||||
import { onLoad, onShow } from '@dcloudio/uni-app';
|
||||
import addSelected from '../../../pages/order/component/addSelected.vue'
|
||||
import emitter from '../../../utils/emitter';
|
||||
const addressParam = ref({
|
||||
name: "",
|
||||
|
|
@ -118,16 +123,6 @@ const newAddress = async () =>{
|
|||
console.log('res2==>',res.data);
|
||||
sucRes(res.data.code)
|
||||
}
|
||||
// if(res.data.code === 1) {
|
||||
// uni.navigateBack({ //返回上一页
|
||||
// })
|
||||
// } else {
|
||||
// uni.showToast({
|
||||
// icon: 'error',
|
||||
// title: "新增地址失败"
|
||||
// })
|
||||
// return;
|
||||
// }
|
||||
}
|
||||
const sucRes =(res)=>{ //请求成功执行的方法
|
||||
if(res === 1) {
|
||||
|
|
@ -142,12 +137,22 @@ const sucRes =(res)=>{ //请求成功执行的方法
|
|||
return;
|
||||
}
|
||||
}
|
||||
//跳转回订单页面
|
||||
// const jump =()=> {
|
||||
// uni.navigateTo({
|
||||
// url: '../../../pages/Shopping-cart/address/address'
|
||||
// })
|
||||
// }
|
||||
const chooseLocation = () => { //定位获取地址
|
||||
uni.chooseLocation({
|
||||
success: (res) => {
|
||||
// console.log('详细地址:' + res.address);
|
||||
// console.log('位置名称:' + res.name);
|
||||
addressParam.value.region = res.address
|
||||
addressParam.value.detailAddress = res.name
|
||||
}
|
||||
})
|
||||
}
|
||||
const bindTimeChange = (e) => { //picker省市区选择
|
||||
// console.log('省--->',e.detail.value[0]);
|
||||
// console.log('市--->',e.detail.value[1]);
|
||||
// console.log('区--->',e.detail.value[2]);
|
||||
addressParam.value.region = e.detail.value[0] + e.detail.value[1] + e.detail.value[2]
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
|
|
|||
|
|
@ -319,7 +319,10 @@ const editOrSettle = async ()=>{ //去结算或者删除状态方法
|
|||
showCancel: false,
|
||||
success: (e)=>{
|
||||
if(e.confirm) {
|
||||
deleteProduct(res.data.data)
|
||||
// getProductCart() //重新获取购物车信息
|
||||
uni.reLaunch({
|
||||
url: '/pages/Shopping-cart/productmain/productmain'
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
|
|
|
|||
683
pages/Shopping-cart/productmain/testproductmain.vue
Normal file
683
pages/Shopping-cart/productmain/testproductmain.vue
Normal file
|
|
@ -0,0 +1,683 @@
|
|||
<template>
|
||||
<view class="flex-col page">
|
||||
<view class="flex-row items-center section_2">
|
||||
<text class="font text">购物车</text>
|
||||
<view class="flex-row items-center flex-1 section_3 ml-17">
|
||||
<image
|
||||
class="shrink-0 image"
|
||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FANvSsQui-sousuo.png"
|
||||
/>
|
||||
<input v-model="searchText" class="section_1 ml-4" placeholder="搜索购物车商品" />
|
||||
</view>
|
||||
<text class="font text_2 ml-17" @click="changeState">{{ stateText.topBtn }}</text>
|
||||
</view>
|
||||
<view class="flex-col section_5">
|
||||
<view class="flex-row justify-between self-stretch group">
|
||||
<text class="font_2 text_3" :style="getTextStyle(1)" @click="changeType(1)">商品类</text>
|
||||
<text class="font_2 text_4" :style="getTextStyle(2)" @click="changeType(2)">服务类</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col list">
|
||||
<checkbox-group @change="checkBoxChange">
|
||||
<view class="flex-col list-item mt-14" v-for="(item, index) in products" :key="index">
|
||||
<!-- 实体类商品 -->
|
||||
<view class="flex-row section_10" v-if="current == 1">
|
||||
<!-- 多选框 -->
|
||||
<checkbox class="shrink-0 self-center image_3 round red" :value="index" :checked="item.checked"/>
|
||||
<view class="flex-row items-end flex-1 self-center ml-22">
|
||||
<image
|
||||
class="shrink-0 image_2"
|
||||
:src="item.cartGoodVO.goodImg.split(';')[0]"
|
||||
@click="jump_product(item.goodId)"
|
||||
/>
|
||||
<view class="flex-col flex-1 group_2">
|
||||
<view class="flex-row justify-center group_3">
|
||||
<text class="font_3 text_5" @click="jump_product(item.goodId)">{{ item.cartGoodVO.name }}</text>
|
||||
<text class="font_3" @click="jump_product(item.goodId)">【{{ item.cartGoodVO.type }}】</text>
|
||||
</view>
|
||||
<view class="flex-row justify-between items-center mt-46">
|
||||
<view class="flex-row items-end">
|
||||
<text class="font_4 text_6" @click="jump_product(item.goodId)">￥{{ item.cartGoodVO.price }}</text>
|
||||
<!-- <image
|
||||
class="shrink-0 image_6"
|
||||
src="https://ide.code.fun/api/image?token=6779d8c1797f850011f55ea9&name=babcf6110b7f4238c5be5c44afb0a800.png"
|
||||
/>
|
||||
<text class="font_5 text_7">00</text> -->
|
||||
</view>
|
||||
<!-- 减少数量 -->
|
||||
<image
|
||||
class="image_4"
|
||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FVBaGfZxE-short.png"
|
||||
@click="decrease(index , item.checked)"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row shrink-0 group_4">
|
||||
<view class="flex-col justify-start items-center text-wrapper"><text class="font_6">{{ item.quantity }}</text></view>
|
||||
<!-- 添加数量 -->
|
||||
<image
|
||||
class="image_5 ml-2"
|
||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FLsCJgzgf-add.png"
|
||||
@click="increase(index , item.checked)"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 服务类商品 -->
|
||||
<view class="flex-col list-item_2 mt-14" v-if="current == 2">
|
||||
<view class="flex-row">
|
||||
<image
|
||||
class="shrink-0 self-start image_8"
|
||||
src="https://ide.code.fun/api/image?token=6779d8c1797f850011f55ea9&name=bbd3dd8989652c3ab7b9e5bd53d5db7d.png"
|
||||
/>
|
||||
<image
|
||||
class="shrink-0 image_7"
|
||||
src="https://ide.code.fun/api/image?token=6779d8c1797f850011f55ea9&name=df47ebd42125801292be7272770f505a.png"
|
||||
/>
|
||||
<view class="flex-col flex-1 group_5">
|
||||
<text class="font_7">【非遗手工艺体验】纸笺加工技艺-流沙笺团扇制作体验</text>
|
||||
<view class="flex-row justify-between items-center section_7 mt-14">
|
||||
<view class="flex-col items-start">
|
||||
<text class="font_8">仿真丝团扇;上午场(09:30-12:00)</text>
|
||||
<text class="font_8 text_8 mt-6">预约日期：2024-10-15</text>
|
||||
</view>
|
||||
<image
|
||||
class="image_9"
|
||||
src="https://ide.code.fun/api/image?token=6779d8c1797f850011f55ea9&name=c86722cdfe0aafd70ce1bdc9227561d6.png"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row justify-end items-center group_6 mt-16">
|
||||
<view class="flex-row items-center">
|
||||
<text class="font_9 text_9">138.</text>
|
||||
<image
|
||||
class="shrink-0 image_12"
|
||||
src="https://ide.code.fun/api/image?token=6779d8c1797f850011f55ea9&name=0ea9293deedfe538187f9813efe15880.png"
|
||||
/>
|
||||
<text class="font_10 text_10">00</text>
|
||||
</view>
|
||||
<view class="flex-row ml-83">
|
||||
<image
|
||||
class="image_10"
|
||||
src="https://ide.code.fun/api/image?token=6779d8c1797f850011f55ea9&name=35c583f367baecfc803c6018dad7f951.png"
|
||||
/>
|
||||
<view class="flex-col justify-start items-center text-wrapper_2 ml-2"><text class="font_6">1</text></view>
|
||||
<image
|
||||
class="image_11 ml-2"
|
||||
src="https://ide.code.fun/api/image?token=6779d8c1797f850011f55ea9&name=db5f3531d9c85943afe86625bb8d6073.png"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</checkbox-group>
|
||||
</view>
|
||||
<view class="flex-row justify-between items-center section_8">
|
||||
<view class="flex-row items-center">
|
||||
<checkbox class="shrink-0 image_8 round red" :checked="allCheck" @tap="allChecked"/>
|
||||
<!-- <image
|
||||
class="shrink-0 image_8 image_13"
|
||||
src="https://ide.code.fun/api/image?token=6779d8c1797f850011f55ea9&name=3f81d5886d1e216ce7cc53687e0c5499.png"
|
||||
/> -->
|
||||
<text class="font_2 text_11 ml-9">全选</text>
|
||||
</view>
|
||||
<view class="flex-row items-center">
|
||||
<text class="font_2 text_12">合计：{{ totalPrice }}元</text>
|
||||
<view class="flex-col justify-start items-center shrink-0 text-wrapper_3 ml-7">
|
||||
<text class="font_4 text_13" @click="editOrSettle">{{ stateText.bottomBtn }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref , onMounted , toRaw} from 'vue'
|
||||
import { onShow , onLoad } from "@dcloudio/uni-app";
|
||||
import { baseUrl , testUrl ,suiUrl} from '../../../api/request';
|
||||
import * as math from 'mathjs'
|
||||
const products = ref([])
|
||||
const current = ref(1) //用于判断是实体类商品还是服务类商品
|
||||
const allCheck = ref(false) //全选
|
||||
const checkedData = ref([]) //选择的暂存保存数组
|
||||
const totalPrice = ref(0) //总金额
|
||||
const searchText = ref('')
|
||||
const stateText = ref({
|
||||
topBtn: '编辑',
|
||||
bottomBtn: '去结算'
|
||||
})
|
||||
onShow(()=>{
|
||||
getProductCart() //获取商品类
|
||||
})
|
||||
onLoad(()=>{
|
||||
getProductCart() //再获取一次实体类商品的列表
|
||||
getFonts()
|
||||
})
|
||||
//小程序刷新根据用户id获取购物车信息
|
||||
const getProductCart = async ()=>{
|
||||
const res = await uni.request({
|
||||
url: baseUrl + '/cart/list',
|
||||
method: 'POST',
|
||||
header: {
|
||||
'cookie': wx.getStorageSync('cookie')
|
||||
}
|
||||
})
|
||||
// console.log('res--->',res.data);
|
||||
if(res.data.code === 1) {
|
||||
products.value = res.data.data
|
||||
products.value.forEach((item)=>{
|
||||
item.checked = false
|
||||
})
|
||||
}
|
||||
console.log('products-->',products.value);
|
||||
}
|
||||
const deleteProduct = async (idArr) =>{ //删除商品
|
||||
const res = await uni.request({
|
||||
url: baseUrl + '/cart/delete',
|
||||
method: 'POST',
|
||||
data: idArr ,
|
||||
header: {
|
||||
'cookie': wx.getStorageSync('cookie')
|
||||
}
|
||||
})
|
||||
console.log(res.data);
|
||||
if(res.data.code === 1) {
|
||||
// getProductCart() //重新获取购物车信息
|
||||
uni.reLaunch({
|
||||
url: '/pages/Shopping-cart/testproductmain/testproductmain'
|
||||
})
|
||||
totalPrice.value = 0
|
||||
}
|
||||
}
|
||||
const getServiceCart =()=>{
|
||||
console.log('获取服务类商品方法被触发');
|
||||
}
|
||||
//更改实体商品和服务类方法
|
||||
const changeType = async (num)=>{
|
||||
current.value = num;
|
||||
if(num ===1 ) { //为一的时候就获取用户商品购物车
|
||||
|
||||
}
|
||||
}
|
||||
//更改下划线
|
||||
const getTextStyle = (num) => ({
|
||||
'border-bottom' : current.value === num ? '2px solid orange' : '2px solid #ffffff'
|
||||
});
|
||||
//复选框绑定方法
|
||||
const checkBoxChange =(event)=>{
|
||||
//如果选中的checkbox的value的数组长度和后端传过来的数组长度相等则为全选状态 allCheck为true
|
||||
console.log('length---->',event.detail.value.length);
|
||||
// console.log('product--->',products.value);
|
||||
if(event.detail.value.length == products.value.length) {
|
||||
allCheck.value = true
|
||||
} else {
|
||||
allCheck.value = false
|
||||
}
|
||||
checkedData.value = [] //每次都要重置一下
|
||||
totalPrice.value = 0;
|
||||
let count = 0; //用于记录checkedData不为null的个数
|
||||
console.log('event--->',event.detail);
|
||||
if(event.detail.value.length) {
|
||||
products.value[parseInt(event.detail.value)].checked = true; //勾选
|
||||
} else {
|
||||
products.value.forEach((item)=>{
|
||||
item.checked = false
|
||||
})
|
||||
}
|
||||
//计算一下总金额
|
||||
for(let key in event.detail.value) {
|
||||
let temp = parseInt(event.detail.value[parseInt(key)]) //相当于商品数组下标
|
||||
computed(products.value[temp].cartGoodVO.price , products.value[temp].quantity)
|
||||
}
|
||||
event.detail.value.forEach((item)=>{
|
||||
products.value[parseInt(item)].checked = true
|
||||
})
|
||||
//然后假如checkboxGroup传过来的 detail.value中有某个id则把这些元素的checked属性置为true(选中状态)
|
||||
products.value.forEach((x)=>{
|
||||
event.detail.value.forEach((y)=>{
|
||||
if(x.value == y) {
|
||||
x.checked = true
|
||||
}
|
||||
})
|
||||
})
|
||||
event.detail.value.forEach((item)=>{ //将选中的商品信息赋值给checkedData
|
||||
console.log('products.value[parseInt(item)].goodId',products.value[parseInt(item)].goodId);
|
||||
if(products.value[parseInt(item)] !== null) {
|
||||
checkedData.value.push(products.value[parseInt(item)].id)
|
||||
// console.log(products.value[parseInt(item)].goodId);
|
||||
count += 1
|
||||
}
|
||||
})
|
||||
console.log('checkedData--->',checkedData.value);
|
||||
//将选中的数组保存在某一个ref中
|
||||
// checkedData.value = event.detail.value
|
||||
// console.log('checkedData--->',checkedData.value);
|
||||
}
|
||||
//全选方法
|
||||
const allChecked = ()=>{
|
||||
allCheck.value = !allCheck.value
|
||||
totalPrice.value = 0
|
||||
if ( allCheck.value == true ) {
|
||||
products.value.forEach((item)=>{
|
||||
item.checked = true //将全部选项选上
|
||||
computed(item.cartGoodVO.price , item.quantity)
|
||||
})
|
||||
checkedData.value = products.value.map((item)=>( item.id ))
|
||||
console.log('checkedData--->',checkedData.value);
|
||||
} else {
|
||||
products.value.forEach((item)=>{
|
||||
item.checked = false //将全部都取消选择
|
||||
})
|
||||
}
|
||||
}
|
||||
//减少商品
|
||||
const decrease =(index , item)=>{ //item用于监测是否选中
|
||||
console.log('decrease,index-->',index);
|
||||
console.log('decrease,item-->',item);
|
||||
if(products.value[index].quantity > 1) {
|
||||
products.value[index].quantity -= 1
|
||||
if(item && products.value[index].quantity >= 1) {
|
||||
computed(-products.value[index].cartGoodVO.price, 1)
|
||||
}
|
||||
}
|
||||
}
|
||||
//增加商品的方法
|
||||
const increase =(index , item) =>{ //item用于监测是否选中
|
||||
console.log('increase,index-->',index);
|
||||
console.log('increase,item-->',item);
|
||||
if(products.value[index].quantity < products.value[index].cartGoodVO.inventory) {
|
||||
if(item && products.value[index].quantity <= products.value[index].cartGoodVO.inventory) {
|
||||
computed(products.value[index].cartGoodVO.price, 1)
|
||||
}
|
||||
products.value[index].quantity += 1
|
||||
}
|
||||
}
|
||||
//计算方法
|
||||
const computed =( price , quantity )=>{
|
||||
totalPrice.value = math.round(totalPrice.value+price * quantity,2)
|
||||
return totalPrice.value
|
||||
}
|
||||
const jump_product =(gid)=>{
|
||||
uni.navigateTo({
|
||||
url:'../../../pages/store-home/ProductDetails/ProductDetails?gid=' + JSON.stringify(gid)
|
||||
})
|
||||
}
|
||||
const editOrSettle = async ()=>{ //去结算或者删除状态方法
|
||||
// console.log('要传到订单详情页面的checked--->',checkedData.value);
|
||||
if(stateText.value.bottomBtn === '去结算') {
|
||||
if(checkedData.value.length === 0) { //在没有勾选的时候禁止发请求
|
||||
return;
|
||||
}
|
||||
const res = await uni.request({
|
||||
url: baseUrl + '/cart/submit/error',
|
||||
method: 'POST',
|
||||
header: {
|
||||
'cookie': wx.getStorageSync('cookie')
|
||||
}
|
||||
})
|
||||
console.log(res.data);
|
||||
if(res.data.data.length != 0) {
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: '购物车商品发生改变，点击移除变化商品',
|
||||
showCancel: false,
|
||||
success: (e)=>{
|
||||
if(e.confirm) {
|
||||
// getProductCart() //重新获取购物车信息
|
||||
uni.reLaunch({
|
||||
url: '/pages/Shopping-cart/productmain/productmain'
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
} else {
|
||||
uni.navigateTo({
|
||||
url: '/pages/order/product-waitpay/product-waitpay?cartInfo=' + JSON.stringify(checkedData.value)
|
||||
})
|
||||
checkedData.value.splice(0,checkedData.value.length)
|
||||
}
|
||||
} else {
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: '是否删除商品?',
|
||||
success: (e) => {
|
||||
if(e.confirm) {
|
||||
deleteProduct(checkedData.value)
|
||||
}
|
||||
else if(e.cancel)
|
||||
return;
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
const changeState =()=>{ //修改购物车订单方法
|
||||
if(stateText.value.topBtn === '编辑') {
|
||||
stateText.value.topBtn = '完成',
|
||||
stateText.value.bottomBtn = '删除'
|
||||
} else {
|
||||
stateText.value.topBtn = '编辑',
|
||||
stateText.value.bottomBtn = '去结算'
|
||||
}
|
||||
}
|
||||
const productSearch = () =>{ //搜索框方法
|
||||
var arr = []
|
||||
products.value.forEach((item) => arr.push(item))
|
||||
console.log(123);
|
||||
}
|
||||
const getFonts = () => { //导入字体
|
||||
uni.loadFontFace({
|
||||
family: 'FangZhengFonts',
|
||||
source: `url("https://carbon2.obs.cn-north-4.myhuaweicloud.com/fonts/FangZhengFonts.TTF")`,
|
||||
success: (res) => {
|
||||
console.log('success', res);
|
||||
},
|
||||
fail: (err) => {
|
||||
console.log('err', err);
|
||||
}
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.ml-17 {
|
||||
margin-left: 31.88rpx;
|
||||
}
|
||||
.ml-83 {
|
||||
margin-left: 155.63rpx;
|
||||
}
|
||||
.ml-9 {
|
||||
margin-left: 16.88rpx;
|
||||
}
|
||||
.ml-7 {
|
||||
margin-left: 13.13rpx;
|
||||
}
|
||||
.page {
|
||||
background-image: url('https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FQfLHXSAU-feiyigongfangbeijin.png');
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
// height: 100%;
|
||||
height: 100vh;
|
||||
}
|
||||
.section_2 {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
padding: 28.13rpx 30.69rpx 18.75rpx;
|
||||
background-color: #fbdedf;
|
||||
z-index: 99;
|
||||
}
|
||||
.font {
|
||||
font-size: 30rpx;
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 27.77rpx;
|
||||
color: #c35c5d;
|
||||
}
|
||||
.text {
|
||||
line-height: 28.24rpx;
|
||||
}
|
||||
.section_3 {
|
||||
padding: 0 15rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 9.38rpx;
|
||||
height: 56.25rpx;
|
||||
}
|
||||
.image {
|
||||
width: 54.38rpx;
|
||||
height: 52.5rpx;
|
||||
}
|
||||
.section_1 {
|
||||
flex: 1 1 0;
|
||||
margin-right: 7.5rpx;
|
||||
}
|
||||
.text_2 {
|
||||
margin-right: 4.46rpx;
|
||||
}
|
||||
.section_5 {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 102rpx;
|
||||
padding: 0 121.88rpx;
|
||||
background-color: #ffffff;
|
||||
z-index: 99;
|
||||
}
|
||||
.group {
|
||||
padding: 27.06rpx 4.33rpx 23.08rpx 10.89rpx;
|
||||
z-index: 1;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 30rpx;
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 27.77rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_3 {
|
||||
line-height: 27.9rpx;
|
||||
}
|
||||
.text_4 {
|
||||
line-height: 28.71rpx;
|
||||
}
|
||||
.section_6 {
|
||||
background-color: #fb8b05;
|
||||
width: 112.5rpx;
|
||||
height: 5.63rpx;
|
||||
}
|
||||
.list {
|
||||
margin: 192rpx 24rpx 120rpx 24rpx;
|
||||
}
|
||||
.list-item:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.mt-14 {
|
||||
margin-top: 16rpx;
|
||||
}
|
||||
.section_10 {
|
||||
padding: 38.1rpx 31.52rpx 30.07rpx 27.31rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.image_3 {
|
||||
transform: scale(0.7);
|
||||
width: 37.5rpx;
|
||||
height: 37.5rpx;
|
||||
}
|
||||
.image_2 {
|
||||
// margin-bottom: 8.7rpx;
|
||||
border-radius: 9.38rpx;
|
||||
width: 127.5rpx;
|
||||
height: 170.00rpx;
|
||||
}
|
||||
.group_2 {
|
||||
margin-left: 23.31rpx;
|
||||
margin-top: 2.33rpx;
|
||||
}
|
||||
.group_3 {
|
||||
padding: 0 9.49rpx;
|
||||
}
|
||||
.font_3 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 25.01rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_5 {
|
||||
line-height: 25.54rpx;
|
||||
}
|
||||
.font_4 {
|
||||
font-size: 33.75rpx;
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 22.07rpx;
|
||||
color: #e79ea1;
|
||||
}
|
||||
.text_6 {
|
||||
margin-left: 24.19rpx;
|
||||
margin-bottom: 7.78rpx;
|
||||
line-height: 22.54rpx;
|
||||
}
|
||||
.image_6 {
|
||||
margin-left: -76.69rpx;
|
||||
width: 30rpx;
|
||||
height: 28.13rpx;
|
||||
}
|
||||
.font_5 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 18.73rpx;
|
||||
color: #e79ea1;
|
||||
}
|
||||
.text_7 {
|
||||
margin-left: 61.44rpx;
|
||||
margin-bottom: 6.15rpx;
|
||||
line-height: 17.53rpx;
|
||||
}
|
||||
.image_4 {
|
||||
border-radius: 9.38rpx 0rpx 0rpx 9.38rpx;
|
||||
width: 45.21rpx;
|
||||
height: 48.13rpx;
|
||||
}
|
||||
.group_4 {
|
||||
margin-left: 3.77rpx;
|
||||
}
|
||||
.text-wrapper {
|
||||
padding: 14.74rpx 0 14.66rpx;
|
||||
background-color: #fbdedf;
|
||||
width: 58.41rpx;
|
||||
height: 48.13rpx;
|
||||
}
|
||||
.font_6 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 18.73rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.image_5 {
|
||||
border-radius: 0rpx 9.38rpx 9.38rpx 0rpx;
|
||||
width: 45.21rpx;
|
||||
height: 48.13rpx;
|
||||
}
|
||||
.list-item_2 {
|
||||
padding: 22.01rpx 18.84rpx 33.75rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.image_8 {
|
||||
transform: scale(0.7);
|
||||
width: 37.5rpx;
|
||||
height: 37.5rpx;
|
||||
}
|
||||
.image_7 {
|
||||
margin-left: 39.79rpx;
|
||||
margin-top: 2.36rpx;
|
||||
width: 121.88rpx;
|
||||
height: 172.5rpx;
|
||||
}
|
||||
.group_5 {
|
||||
margin: 0 13.99rpx 7.5rpx 23.25rpx;
|
||||
}
|
||||
.font_7 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 31.88rpx;
|
||||
color: #323233;
|
||||
}
|
||||
.section_7 {
|
||||
margin-right: 8.63rpx;
|
||||
padding: 11.1rpx 10.14rpx 14.25rpx;
|
||||
background-color: #fbdedf;
|
||||
border-radius: 9.38rpx;
|
||||
}
|
||||
.font_8 {
|
||||
font-size: 22.5rpx;
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 22.07rpx;
|
||||
color: #6b6e72;
|
||||
}
|
||||
.text_8 {
|
||||
line-height: 20.83rpx;
|
||||
}
|
||||
.image_9 {
|
||||
margin-right: 5.06rpx;
|
||||
width: 22.5rpx;
|
||||
height: 22.5rpx;
|
||||
}
|
||||
.group_6 {
|
||||
padding: 0 22.61rpx;
|
||||
}
|
||||
.font_9 {
|
||||
font-size: 33.75rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 25.01rpx;
|
||||
font-weight: 600;
|
||||
color: #e79ea1;
|
||||
}
|
||||
.text_9 {
|
||||
margin-left: 25.14rpx;
|
||||
line-height: 24.88rpx;
|
||||
}
|
||||
.image_12 {
|
||||
margin-left: -90.77rpx;
|
||||
width: 30rpx;
|
||||
height: 26.25rpx;
|
||||
}
|
||||
.font_10 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 18.73rpx;
|
||||
font-weight: 600;
|
||||
color: #e79ea1;
|
||||
}
|
||||
.text_10 {
|
||||
margin-left: 61.61rpx;
|
||||
line-height: 19.29rpx;
|
||||
}
|
||||
.image_10 {
|
||||
border-radius: 9.38rpx 0rpx 0rpx 9.38rpx;
|
||||
width: 45.24rpx;
|
||||
height: 45rpx;
|
||||
}
|
||||
.text-wrapper_2 {
|
||||
padding: 12.39rpx 0 13.88rpx;
|
||||
background-color: #fbdedf;
|
||||
width: 58.42rpx;
|
||||
height: 45rpx;
|
||||
}
|
||||
.image_11 {
|
||||
border-radius: 0rpx 9.38rpx 9.38rpx 0rpx;
|
||||
width: 45.24rpx;
|
||||
height: 45rpx;
|
||||
}
|
||||
.section_8 {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
padding: 20.63rpx 20.63rpx 15rpx;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.image_13 {
|
||||
margin-top: 0;
|
||||
}
|
||||
.text_11 {
|
||||
line-height: 27.3rpx;
|
||||
}
|
||||
.text_12 {
|
||||
color: #000000;
|
||||
}
|
||||
.text-wrapper_3 {
|
||||
padding: 20.93rpx 0 25.24rpx;
|
||||
background-color: #e79ea1;
|
||||
border-radius: 75rpx;
|
||||
width: 219.38rpx;
|
||||
height: 76.88rpx;
|
||||
}
|
||||
.text_13 {
|
||||
color: #ffffff;
|
||||
line-height: 30.71rpx;
|
||||
}
|
||||
@import url(../../../common/css/global.css);
|
||||
</style>
|
||||
|
|
@ -93,7 +93,7 @@ const jump_feiyi =()=>{ //跳转非遗工坊
|
|||
}
|
||||
const jump_store =()=>{
|
||||
uni.switchTab({
|
||||
url: '/pages/store-home/main/main'
|
||||
url: '/pages/store-home/main/testMain'
|
||||
})
|
||||
}
|
||||
const getFonts =()=>{
|
||||
|
|
|
|||
191
pages/mine/addressList/addressList.vue
Normal file
191
pages/mine/addressList/addressList.vue
Normal file
|
|
@ -0,0 +1,191 @@
|
|||
<template>
|
||||
<view class="flex-col page">
|
||||
<view class="flex-col list">
|
||||
<view class="flex-col list-item mt-10" v-for="(item, index) in addressArr" :key="index">
|
||||
<view class="flex-row justify-between items-center">
|
||||
<view class="flex-row items-center">
|
||||
<text class="font">{{ item.name }}</text>
|
||||
<text class="font_2 text">{{ item.phone }}</text>
|
||||
<view class="flex-col justify-start items-center shrink-0 text-wrapper" v-if="item.isDefault === 1">
|
||||
<text class="text_2">默认</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row">
|
||||
<image
|
||||
class="image"
|
||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FzktCnafj-edit.png"
|
||||
@click="editAddress(item)"
|
||||
/>
|
||||
<image
|
||||
class="image ml-12"
|
||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FIkoUOFBt-delete.png"
|
||||
@click="confirmPop(item.id)"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col items-start mt-13">
|
||||
<text class="font_3">{{ item.region }} {{ item.detailAddress }}</text>
|
||||
<!-- <text class="font_3">尔华德学院</text> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center section_2 mt-392" @click="jump_newAddress()">
|
||||
<view class="flex-col justify-start items-center text-wrapper_2"><text class="font text_3">新增地址</text></view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, onMounted } from 'vue'
|
||||
import { baseUrl } from '../../../api/request';
|
||||
import { onShow } from '@dcloudio/uni-app';
|
||||
const items = ref([null,null,null,null,null,null,null,null,null])
|
||||
const addressArr = ref([]) //地址数组
|
||||
// onMounted(()=>{
|
||||
// getAddress()
|
||||
// })
|
||||
onShow(()=>{
|
||||
getAddress()
|
||||
})
|
||||
const getAddress = async ()=> { //获取地址方法
|
||||
const res = await uni.request({
|
||||
url: baseUrl + '/address/list',
|
||||
method: 'POST',
|
||||
header: {
|
||||
cookie: wx.getStorageSync('cookie')
|
||||
}
|
||||
})
|
||||
if( res.data.code === 1 ) {
|
||||
addressArr.value = res.data.data
|
||||
console.log('获取的地址信息--->',res.data.data);
|
||||
}
|
||||
}
|
||||
//编辑地址方法
|
||||
const editAddress =(value)=>{
|
||||
console.log('地址信息',value);
|
||||
uni.navigateTo({
|
||||
url: '/pages/Shopping-cart/newaddress_Info/newaddress_Info?editInfo=' + JSON.stringify(value)
|
||||
})
|
||||
}
|
||||
const confirmPop = (id) => {
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: '是否删除地址?',
|
||||
success: (e) => {
|
||||
if(e.confirm) {
|
||||
deleteAddress(id)
|
||||
} else {
|
||||
return
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
//删除地址方法
|
||||
const deleteAddress = async ( id ) =>{
|
||||
const res = await uni.request({
|
||||
url: baseUrl + '/address/delete',
|
||||
method: 'POST',
|
||||
header: {
|
||||
'cookie': wx.getStorageSync('cookie')
|
||||
},
|
||||
data: { id: id }
|
||||
})
|
||||
// console.log(res.data);
|
||||
if( res.data.code === 1 ) {
|
||||
getAddress()
|
||||
// console.log("删除地址成功");
|
||||
}
|
||||
}
|
||||
const jump_newAddress =()=> {
|
||||
uni.navigateTo({
|
||||
url: '/pages/Shopping-cart/newaddress_Info/newaddress_Info'
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.mt-13 {
|
||||
margin-top: 24.38rpx;
|
||||
}
|
||||
.page {
|
||||
padding-top: 31.88rpx;
|
||||
background-image: url('https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FQfLHXSAU-feiyigongfangbeijin.png');
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100vh;
|
||||
}
|
||||
.list {
|
||||
margin-left: 28.13rpx;
|
||||
margin-right: 26.27rpx;
|
||||
}
|
||||
.list-item {
|
||||
padding: 31.88rpx 18.75rpx 36.11rpx 24.62rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 9.38rpx;
|
||||
}
|
||||
.list-item:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.font {
|
||||
font-size: 30rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 25.89rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 30rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 20.04rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text {
|
||||
margin-left: 16.18rpx;
|
||||
}
|
||||
.text-wrapper {
|
||||
margin-left: 28.57rpx;
|
||||
padding: 5.1rpx 0 8.06rpx;
|
||||
background-color: #fbdedf;
|
||||
border-radius: 9.38rpx;
|
||||
width: 69.38rpx;
|
||||
height: 31.88rpx;
|
||||
}
|
||||
.text_2 {
|
||||
color: #c35c5d;
|
||||
font-size: 22.5rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
// line-height: 18.71rpx;
|
||||
}
|
||||
.image {
|
||||
border-radius: 9.38rpx;
|
||||
width: 39.38rpx;
|
||||
height: 39.38rpx;
|
||||
}
|
||||
.font_3 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 31.88rpx;
|
||||
color: #818181;
|
||||
}
|
||||
.section_2 {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
padding: 16.88rpx 0;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.text-wrapper_2 {
|
||||
padding: 25.43rpx 0 24.51rpx;
|
||||
background-color: #fbdedf;
|
||||
border-radius: 46.88rpx;
|
||||
width: 629.77rpx;
|
||||
}
|
||||
.text_3 {
|
||||
color: #c35c5d;
|
||||
line-height: 28.84rpx;
|
||||
}
|
||||
@import url(../../../common/css/global.css);
|
||||
</style>
|
||||
|
|
@ -39,7 +39,7 @@
|
|||
</view>
|
||||
<view class="flex-col mt-37">
|
||||
<view class="flex-col group_3">
|
||||
<view class="flex-row justify-between relative">
|
||||
<view class="flex-row justify-between relative" @click="jump_addressList()">
|
||||
<image class="image_3"
|
||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FSJZTOttL-address.png" />
|
||||
<image class="self-start image_4 image_5"
|
||||
|
|
@ -95,49 +95,54 @@
|
|||
</template>
|
||||
|
||||
<script setup>
|
||||
import {
|
||||
onMounted,
|
||||
ref
|
||||
} from 'vue';
|
||||
import {
|
||||
onShow,
|
||||
onLoad
|
||||
} from "@dcloudio/uni-app";
|
||||
onMounted(() => {
|
||||
getFonts() //启动使从服务器下载字体
|
||||
import {
|
||||
onMounted,
|
||||
ref
|
||||
} from 'vue';
|
||||
import {
|
||||
onShow,
|
||||
onLoad
|
||||
} from "@dcloudio/uni-app";
|
||||
onMounted(() => {
|
||||
getFonts() //启动使从服务器下载字体
|
||||
})
|
||||
// const goto = () => { //跳转到订单
|
||||
// uni.navigateTo({
|
||||
// url: "/pages/mine/mineorders/mineorders"
|
||||
// })
|
||||
// }
|
||||
const goToText = () => { //跳转到联系人信息
|
||||
uni.navigateTo({
|
||||
url: '/pages/mine/Contact/Contact'
|
||||
})
|
||||
// const goto = () => { //跳转到订单
|
||||
// uni.navigateTo({
|
||||
// url: "/pages/mine/mineorders/mineorders"
|
||||
// })
|
||||
// }
|
||||
const goToText = () => { //跳转到联系人信息
|
||||
uni.navigateTo({
|
||||
url: '/pages/mine/Contact/Contact'
|
||||
})
|
||||
}
|
||||
const goTo = ()=>{ //跳转到预约
|
||||
uni.navigateTo({
|
||||
url: '/pages/mine/bookings/booking'
|
||||
})
|
||||
}
|
||||
const goto = (tab) => {
|
||||
uni.navigateTo({
|
||||
url: '/pages/mine/mineorders/mineorders?zt='+JSON.stringify(tab)
|
||||
})
|
||||
}
|
||||
const getFonts = () => { //导入字体
|
||||
uni.loadFontFace({
|
||||
family: 'FangZhengFonts',
|
||||
source: `url("https://carbon2.obs.cn-north-4.myhuaweicloud.com/fonts/FangZhengFonts.TTF")`,
|
||||
success: (res) => {
|
||||
console.log('success', res);
|
||||
},
|
||||
fail: (err) => {
|
||||
console.log('err', err);
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
const goTo = ()=>{ //跳转到预约
|
||||
uni.navigateTo({
|
||||
url: '/pages/mine/bookings/booking'
|
||||
})
|
||||
}
|
||||
const goto = (tab) => {
|
||||
uni.navigateTo({
|
||||
url: '/pages/mine/mineorders/mineorders?zt='+JSON.stringify(tab)
|
||||
})
|
||||
}
|
||||
const getFonts = () => { //导入字体
|
||||
uni.loadFontFace({
|
||||
family: 'FangZhengFonts',
|
||||
source: `url("https://carbon2.obs.cn-north-4.myhuaweicloud.com/fonts/FangZhengFonts.TTF")`,
|
||||
success: (res) => {
|
||||
console.log('success', res);
|
||||
},
|
||||
fail: (err) => {
|
||||
console.log('err', err);
|
||||
}
|
||||
})
|
||||
}
|
||||
const jump_addressList = () => {
|
||||
uni.navigateTo({
|
||||
url: '/pages/mine/addressList/addressList'
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
|
|
|||
|
|
@ -19,8 +19,8 @@
|
|||
@click="changeTab('待发货')">
|
||||
待发货
|
||||
</view>
|
||||
<view class="font_22" :class="{ active: orderStatus === '已发货', selected: isSelected('已发货') }"
|
||||
@click="changeTab('已发货')">
|
||||
<view class="font_22" :class="{ active: orderStatus === '待收货', selected: isSelected('待收货') }"
|
||||
@click="changeTab('待收货')">
|
||||
已发货
|
||||
</view>
|
||||
<view class="font_22" :class="{ active: orderStatus === '已退款', selected: isSelected('已退款') }"
|
||||
|
|
@ -34,10 +34,10 @@
|
|||
<view class="flex-col section_4 list-item_1 mt-14" v-for="(order, index) in Status.displayedOrders"
|
||||
:key="order.id" @click="goToText(order)">
|
||||
<view class="flex-col">
|
||||
<!-- <text class="self-end font_3 text_5">交易关闭</text> -->
|
||||
<view class="flex-row items-center self-stretch mt-2">
|
||||
<text class="font_4">订单编号：</text>
|
||||
<text class="font_5 ml-5">{{order.orderNumber}}</text>
|
||||
<text class="font_status text_5">{{ order.orderStatus }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col group">
|
||||
|
|
@ -101,12 +101,15 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="flex-row justify-end group_7" v-if="order.orderStatus==='待收货'">
|
||||
<view class="flex-col justify-start items-center text-wrapper_2 ml-14">
|
||||
<view class="flex-col justify-start items-center text-wrapper_2 ml-14" @click="viewLogistics(order.id)">
|
||||
<text class="font_3">查看物流</text>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center text-wrapper ml-14" @click="confirm()">
|
||||
<text class="font">确认收货</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row justify-end group_7" v-if="order.orderStatus==='已退款'">
|
||||
<view class="flex-col justify-start items-center text-wrapper"><text
|
||||
<view class="flex-row justify-end group_7" v-if="order.orderStatus==='已退款' || order.orderStatus === '交易关闭'">
|
||||
<view class="flex-col justify-start items-center text-wrapper" @click="deleteOrder()"><text
|
||||
class="font text_18">删除订单</text></view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -125,8 +128,10 @@ const Status = ref({
|
|||
orders: [],
|
||||
displayedOrders: [],
|
||||
})
|
||||
const orderStatus = ''
|
||||
const orderStatus = '' //订单状态
|
||||
const currentColor = ref(0);
|
||||
var plugin = requirePlugin('logisticsPlugin') //微信插件
|
||||
let waybillToken = '' //物流信息唯一标识符
|
||||
const isSelected = (tab) => Status.value.orderStatus === tab
|
||||
onMounted(async () => {
|
||||
await Getorder()
|
||||
|
|
@ -141,8 +146,8 @@ const isSelected = (tab) => Status.value.orderStatus === tab
|
|||
case '待发货':
|
||||
return order.orderStatus === '待发货'
|
||||
case '已发货':
|
||||
return order.orderStatus === '已发货'
|
||||
case '已退款':
|
||||
return order.orderStatus === '待收货'
|
||||
case '待收货':
|
||||
return order.orderStatus === '已退款'
|
||||
default:
|
||||
return false;
|
||||
|
|
@ -281,6 +286,30 @@ const postCancelOrder = async(order)=>{ //向后端发送取消订单请求
|
|||
})
|
||||
}
|
||||
}
|
||||
//查看物流方法
|
||||
const viewLogistics = ( oid )=>{
|
||||
// console.log('订单编号--->',oid);
|
||||
uni.request({
|
||||
url: baseUrl + '/logistics/get/info',
|
||||
method: 'POST',
|
||||
data: {
|
||||
id: oid
|
||||
},
|
||||
header: {
|
||||
'cookie': wx.getStorageSync("cookie")
|
||||
},
|
||||
success: (res) => {
|
||||
console.log(res.data.data)
|
||||
waybillToken = res.data.data.waybill_token
|
||||
plugin.openWaybillTracking({
|
||||
waybillToken: waybillToken
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
const deleteOrder = async () => { //删除订单方法
|
||||
console.log('删除订单方法');
|
||||
}
|
||||
//获取字体
|
||||
const getFonts =()=>{
|
||||
uni.loadFontFace({
|
||||
|
|
@ -294,6 +323,9 @@ const getFonts =()=>{
|
|||
}
|
||||
})
|
||||
}
|
||||
const confirm =()=> { //确认收货方法
|
||||
console.log('确认收货方法');
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
|
@ -429,6 +461,15 @@ const getFonts =()=>{
|
|||
.list-item_1:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.list-item_1:last-child {
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
.font_status {
|
||||
// font-size: 26.25rpx;
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 25.54rpx;
|
||||
color: #ffaaa5;
|
||||
}
|
||||
.font_3 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: FangZhengFonts;
|
||||
|
|
@ -436,7 +477,7 @@ const getFonts =()=>{
|
|||
color: #ffaaa5;
|
||||
}
|
||||
.text_5 {
|
||||
margin-right: 8.08rpx;
|
||||
margin: 0 8.08rpx 0 180rpx;
|
||||
line-height: 24.62rpx;
|
||||
}
|
||||
.font_4 {
|
||||
|
|
|
|||
|
|
@ -1,60 +0,0 @@
|
|||
<template>
|
||||
<view>
|
||||
<uni-data-picker v-slot:default="{data, error, options}" :localdata="items" popup-title="选择省/市/区" @change="onchange" @nodeclick="onnodeclick">
|
||||
<view class="picker" :style="pik">{{ tempSelected }}</view>
|
||||
</uni-data-picker>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import {ref, onMounted} from 'vue'
|
||||
import data from './area.json'
|
||||
import emitter from '../../../utils/emitter';
|
||||
|
||||
const items = ref(data)
|
||||
const selected = ref('选择省/市/区')
|
||||
const selectedItem = ref([])
|
||||
const pik = ref({color: '#CFCFCF'})
|
||||
|
||||
const tempSelected = ref('选择省/市/区')
|
||||
|
||||
|
||||
onMounted(() => {
|
||||
emitter.on('addRegion', (val) => {
|
||||
selected.value = val
|
||||
pik.value.color = "#000"
|
||||
if(selected.value.length > 11) tempSelected.value = selected.value.slice(0, 11) + '...'
|
||||
else tempSelected.value = selected.value
|
||||
})
|
||||
})
|
||||
|
||||
const onchange = (e) => {
|
||||
selectedItem.value = e.detail.value
|
||||
selected.value = ""
|
||||
selectedItem.value.map((it, index) => {
|
||||
selected.value += it.text
|
||||
if(index != 2)
|
||||
selected.value += "/"
|
||||
})
|
||||
if(selected.value.length > 11) tempSelected.value = selected.value.slice(0, 11) + '...'
|
||||
else tempSelected.value = selected.value
|
||||
pik.value.color = "#000"
|
||||
emitter.emit('region', selected.value)
|
||||
}
|
||||
const close = () => {
|
||||
emitter.emit('close')
|
||||
}
|
||||
const onnodeclick = (node) => {
|
||||
console.log(node)
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.picker{
|
||||
font-size: 35rpx;
|
||||
line-height: 100rpx;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
|
@ -41,7 +41,6 @@
|
|||
import { onMounted , ref } from 'vue'
|
||||
import emitter from '../../../utils/emitter'
|
||||
import { testUrl , baseUrl , suiUrl } from '../../../api/request';
|
||||
// import { userStore } from '../../../store/userStore';
|
||||
import { onShow } from "@dcloudio/uni-app";
|
||||
const items = ref([null, null])
|
||||
const addressList = ref([])
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
|
|
@ -7,7 +7,7 @@
|
|||
/>
|
||||
<view class="flex-col items-start flex-1 ml-6">
|
||||
<text class="font text">{{ stateObject.msg }}</text>
|
||||
<text class="text_2 mt-4">请于15分钟内付款，超时订单将自动关闭</text>
|
||||
<text class="text_2 mt-4">{{ stateObject.tips }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row justify-between items-center section_3">
|
||||
|
|
@ -61,7 +61,7 @@
|
|||
<view class="flex-row justify-between items-center mt-6">
|
||||
<text class="font_6 text_20">订单编号：</text>
|
||||
<view class="flex-row items-center group_11">
|
||||
<view class="flex-col justify-start items-center text-wrapper view">
|
||||
<view class="flex-col justify-start items-center text-wrapper view" @click="copy(orderObject.orderNumber)">
|
||||
<text class="font_7 text_22">复制</text>
|
||||
</view>
|
||||
<text class="font_4 text_21">{{ orderObject.orderNumber }}</text>
|
||||
|
|
@ -81,9 +81,9 @@
|
|||
<text class="font_6 text_27">物流单号：</text>
|
||||
<view class="flex-row items-center group_14">
|
||||
<text class="font_4">{{ orderObject.trackingNumber }}</text>
|
||||
<view class="flex-col justify-start items-center shrink-0 text-wrapper ml-5">
|
||||
<!-- <view class="flex-col justify-start items-center shrink-0 text-wrapper ml-5">
|
||||
<text class="font_7 text_22">复制</text>
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row justify-between items-baseline mt-6"
|
||||
|
|
@ -103,9 +103,11 @@
|
|||
<text class="text_31">{{ orderObject.totalAmount }}</text>
|
||||
<!-- <text class="text_33">00</text> -->
|
||||
</view>
|
||||
<!-- <button open-type="contact" bindcontact="handleContact" v-if="bottomBtn === '联系客服'" session-from="sessionFrom">客服</button> -->
|
||||
<view class="flex-col justify-start items-center text-wrapper_2" @click="stateSubmit" v-if="bottomBtn != '联系客服'">
|
||||
<text class="font_8 text_32" >{{ bottomBtn }}</text>
|
||||
<view class="flex-col justify-start items-center text-wrapper_2" @click="stateSubmit(orderObject)" v-if="bottomBtn != '联系客服'">
|
||||
<text class="font_8 text_32" >{{ bottomBtn }}</text>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center text-wrapper_2" @click="confirm()" v-if="bottomBtn === '查看物流'">
|
||||
<text class="font_8 text_32" >确认收货</text>
|
||||
</view>
|
||||
<button class="text-wrapper_3" v-if="bottomBtn === '联系客服'" open-type="contact" bindcontact="handleContact" session-from="sessionFrom">
|
||||
<text class="font_8 text_32">联系客服</text>
|
||||
|
|
@ -142,7 +144,7 @@ const getOrderItem = async ()=>{ //获取当前订单详情
|
|||
},
|
||||
data: { id: oid.value }
|
||||
})
|
||||
if(res.data.code === 1) { //12.20待完善优惠卷快照信息
|
||||
if(res.data.code === 1) {
|
||||
orderObject.value = res.data.data,
|
||||
addressInfo.value = res.data.data.addressSnapshot,
|
||||
productList.value = res.data.data.orderItemList
|
||||
|
|
@ -163,15 +165,19 @@ const setBottomText =()=>{ //更改按钮的字体
|
|||
default: bottomBtn.value = '删除订单'
|
||||
}
|
||||
}
|
||||
const stateSubmit = () => { //按钮状态改变的方法
|
||||
const stateSubmit = (obj) => { //按钮状态改变的方法
|
||||
// console.log('商品obj--->',obj);
|
||||
if(bottomBtn.value === '立即支付') { //重新支付
|
||||
wxPay(oid.value)
|
||||
} else if(bottomBtn.value === '删除订单') {
|
||||
console.log('订单被删除');
|
||||
} else {
|
||||
console.log('查看物流');
|
||||
} else if(bottomBtn.value === '查看物流') {
|
||||
viewLogistics(obj.id)
|
||||
}
|
||||
}
|
||||
const confirm =()=> { //确认收货方法
|
||||
console.log('确认收货方法');
|
||||
}
|
||||
const wxPay = async( oid )=> { //传入订单id
|
||||
try {
|
||||
const res = await uni.request({
|
||||
|
|
@ -216,6 +222,39 @@ const buffer = async ()=>{ //缓冲函数
|
|||
await getOrderItem();
|
||||
await setBottomText();
|
||||
}
|
||||
//查看物流方法
|
||||
const viewLogistics = ( oid )=>{
|
||||
// console.log('订单编号--->',oid);
|
||||
uni.request({
|
||||
url: baseUrl + '/logistics/get/info',
|
||||
method: 'POST',
|
||||
data: {
|
||||
id: oid
|
||||
},
|
||||
header: {
|
||||
'cookie': wx.getStorageSync("cookie")
|
||||
},
|
||||
success: (res) => {
|
||||
console.log(res.data.data)
|
||||
waybillToken = res.data.data.waybill_token
|
||||
plugin.openWaybillTracking({
|
||||
waybillToken: waybillToken
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
//复制到剪切板方法
|
||||
const copy = ( orderNumber ) => {
|
||||
console.log('订单编号为--->',orderNumber);
|
||||
uni.setClipboardData({
|
||||
data: orderNumber,
|
||||
success: () => {
|
||||
uni.showToast({
|
||||
title: '成功复制到剪贴板'
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
|
@ -240,7 +279,7 @@ const buffer = async ()=>{ //缓冲函数
|
|||
.page {
|
||||
padding-top: 17.25rpx;
|
||||
background-color: #f8e8c1;
|
||||
background-image: url('https://ide.code.fun/api/image?token=6764d712797f850011f38d7b&name=b87e8545124c67f43b5de0d4813f79b5.png');
|
||||
background-image: url('https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FQfLHXSAU-feiyigongfangbeijin.png');
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 100%;
|
||||
|
|
@ -431,7 +470,7 @@ const buffer = async ()=>{ //缓冲函数
|
|||
line-height: 24.71rpx;
|
||||
}
|
||||
.text_24 {
|
||||
margin-right: 132.38rpx;
|
||||
margin-right: 26.38rpx;
|
||||
}
|
||||
.group_1 {
|
||||
padding: 0 2.38rpx;
|
||||
|
|
|
|||
|
|
@ -323,10 +323,10 @@ const wxPay = async( oid )=> { //传入订单id
|
|||
console.log('支付成功res--->',res);
|
||||
},
|
||||
fail(e) {
|
||||
uni.showModal({
|
||||
content: '支付失败，原因为:' + e.errMsg,
|
||||
showCancel: false
|
||||
})
|
||||
// uni.showModal({
|
||||
// content: '支付失败，原因为:' + e.errMsg,
|
||||
// showCancel: false
|
||||
// })
|
||||
uni.redirectTo({
|
||||
url: '/pages/order/product-paysuccess/product-paysuccess?oid=' + JSON.stringify(oid)
|
||||
})
|
||||
|
|
|
|||
|
|
@ -1,385 +0,0 @@
|
|||
<template>
|
||||
<view class="flex-col page">
|
||||
<view class="flex-col">
|
||||
<view class="flex-row justify-between group">
|
||||
<view class="flex-row items-end">
|
||||
<view class="flex-col justify-start items-end image-wrapper">
|
||||
<image
|
||||
class="image"
|
||||
src="https://ide.code.fun/api/image?token=673992edc471750012df23be&name=764c28fa933e84fab043d3accbf2bbec.png"
|
||||
/>
|
||||
</view>
|
||||
<view class="flex-col group_2 ml-14">
|
||||
<view class="self-start group_3">
|
||||
<text class="text">￥</text>
|
||||
<text class="text_2">99</text>
|
||||
</view>
|
||||
<view class="flex-row self-stretch group_4">
|
||||
<text class="font">请选择</text>
|
||||
<text class="font ml-9">场次</text>
|
||||
</view>
|
||||
<text class="self-start font text_1">数量：20</text>
|
||||
</view>
|
||||
</view>
|
||||
<image
|
||||
class="self-start image_2"
|
||||
src="https://ide.code.fun/api/image?token=673992edc471750012df23be&name=037e673ff4e043469617699bd3d80b2f.png"
|
||||
/>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-start text-wrapper">
|
||||
<text class="font_2 text_3">参加日期：2024年11月</text>
|
||||
</view>
|
||||
<view class="divider"></view>
|
||||
</view>
|
||||
<view class="flex-col group_5">
|
||||
<view class="flex-col group_6">
|
||||
<image
|
||||
class="shrink-0 self-start image_3 image_4"
|
||||
src="https://ide.code.fun/api/image?token=673992edc471750012df23be&name=958476853f8c341f67f1eb6053f9a005.png"
|
||||
/>
|
||||
<view class="flex-row self-center relative grid">
|
||||
<view class="flex-col justify-start grid-item pos_1">
|
||||
<view class="section"></view>
|
||||
<text class="font_3 pos">11月12日</text>
|
||||
</view>
|
||||
<view class="flex-col justify-start grid-item_2 pos_9">
|
||||
<view class="section"></view>
|
||||
<text class="font_3 pos_2">11月13日</text>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center grid-item_3 pos_6">
|
||||
<text class="font_3">11月14日</text>
|
||||
<image
|
||||
class="image_5 pos_3"
|
||||
src="https://ide.code.fun/api/image?token=673992edc471750012df23be&name=c9d6fb2a044e18583ff8a4e56c720383.png"
|
||||
/>
|
||||
</view>
|
||||
<view class="flex-col justify-start grid-item_2 pos_7">
|
||||
<view class="section"></view>
|
||||
<text class="font_3 text_4 pos_4">11月15日</text>
|
||||
</view>
|
||||
</view>
|
||||
<image
|
||||
class="shrink-0 self-start image_3 image_6"
|
||||
src="https://ide.code.fun/api/image?token=673992edc471750012df23be&name=5482bec71b24de224668a897bd56ce5c.png"
|
||||
/>
|
||||
</view>
|
||||
<view class="flex-col mt-20">
|
||||
<view class="flex-col justify-start items-start text-wrapper_2"><text class="font_2 text_5">场次</text></view>
|
||||
<view class="flex-col group_7">
|
||||
<view class="flex-row group_8">
|
||||
<view class="flex-col justify-start items-center text-wrapper_3">
|
||||
<text class="font_4 text_6">上午场（09:30-12:00）</text>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center text-wrapper_4 ml-37">
|
||||
<text class="font_4 text_7">下午场（13:00-16:00）</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-start group_9 mt-24">
|
||||
<view class="flex-col items-start section_2">
|
||||
<text class="font_2 text_9">购买须知：本次课程活动最少需要到</text>
|
||||
<text class="font_2">达5人才能进行授课</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center section_3">
|
||||
<view class="flex-row section_4">
|
||||
<text class="font_5 text_8">购</text>
|
||||
<text class="font_5 ml-18">买</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.ml-9 {
|
||||
margin-left: 16.88rpx;
|
||||
}
|
||||
.ml-37 {
|
||||
margin-left: 69.38rpx;
|
||||
}
|
||||
.page {
|
||||
padding-bottom: 26.25rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 37.5rpx 37.5rpx 0rpx 0rpx;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.group {
|
||||
padding: 28.13rpx 30rpx 3.75rpx;
|
||||
}
|
||||
.image-wrapper {
|
||||
padding-bottom: 166.88rpx;
|
||||
border-radius: 5.63rpx;
|
||||
background-image: url('https://ide.code.fun/api/image?token=673992edc471750012df23be&name=f41b64b57071affd8eecfaa15a455af2.png');
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 195rpx;
|
||||
height: 204.38rpx;
|
||||
}
|
||||
.image {
|
||||
border-radius: 5.63rpx;
|
||||
width: 37.5rpx;
|
||||
height: 37.5rpx;
|
||||
}
|
||||
.group_2 {
|
||||
margin-bottom: 5.31rpx;
|
||||
}
|
||||
.group_3 {
|
||||
margin-left: 12.15rpx;
|
||||
line-height: 31.03rpx;
|
||||
}
|
||||
.text {
|
||||
color: #c35c5d;
|
||||
font-size: 37.5rpx;
|
||||
font-family: Times New Roman;
|
||||
font-weight: 700;
|
||||
line-height: 27.68rpx;
|
||||
}
|
||||
.text_2 {
|
||||
color: #c35c5d;
|
||||
font-size: 45rpx;
|
||||
font-family: Times New Roman;
|
||||
font-weight: 700;
|
||||
line-height: 31.03rpx;
|
||||
}
|
||||
.group_4 {
|
||||
margin-top: 19.88rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 26.25rpx;
|
||||
font-family: STXingkai;
|
||||
line-height: 31.88rpx;
|
||||
color: #818181;
|
||||
}
|
||||
.text_1 {
|
||||
margin-left: 2.1rpx;
|
||||
}
|
||||
.image_2 {
|
||||
margin-right: 20.63rpx;
|
||||
margin-top: 5.63rpx;
|
||||
width: 37.5rpx;
|
||||
height: 37.5rpx;
|
||||
}
|
||||
.text-wrapper {
|
||||
padding: 33.6rpx 0 26.89rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 28.13rpx;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 37.5rpx;
|
||||
font-family: 'YuHongLiang';
|
||||
line-height: 45rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text_3 {
|
||||
margin-left: 26.46rpx;
|
||||
line-height: 37.01rpx;
|
||||
}
|
||||
.divider {
|
||||
margin: 9.38rpx 26.27rpx 0 20.63rpx;
|
||||
background-color: #d9d9d9;
|
||||
height: 1.88rpx;
|
||||
}
|
||||
.group_5 {
|
||||
margin-top: 69.38rpx;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.group_6 {
|
||||
overflow-x: hidden;
|
||||
height: 388.13rpx;
|
||||
}
|
||||
.image_3 {
|
||||
width: 155.63rpx;
|
||||
height: 120rpx;
|
||||
}
|
||||
.image_4 {
|
||||
margin-left: -13.13rpx;
|
||||
}
|
||||
.grid {
|
||||
margin-top: -28.13rpx;
|
||||
width: 605.63rpx;
|
||||
height: 228.75rpx;
|
||||
}
|
||||
.grid-item {
|
||||
background-color: #fbdedf;
|
||||
border-radius: 18.75rpx;
|
||||
background-image: url('https://ide.code.fun/api/image?token=673992edc471750012df23be&name=c9d6fb2a044e18583ff8a4e56c720383.png');
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 253.13rpx;
|
||||
}
|
||||
.pos_1 {
|
||||
position: absolute;
|
||||
left: 3.75rpx;
|
||||
top: 0;
|
||||
}
|
||||
.section {
|
||||
background-image: url('https://ide.code.fun/api/image?token=673992edc471750012df23be&name=c9d6fb2a044e18583ff8a4e56c720383.png');
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
height: 90rpx;
|
||||
}
|
||||
.font_3 {
|
||||
font-size: 30rpx;
|
||||
font-family: 'YuHongLiang';
|
||||
line-height: 22.29rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.pos {
|
||||
position: absolute;
|
||||
left: 57.99rpx;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.grid-item_2 {
|
||||
background-color: #ffffff;
|
||||
border-radius: 18.75rpx;
|
||||
background-image: url('https://ide.code.fun/api/image?token=673992edc471750012df23be&name=c9d6fb2a044e18583ff8a4e56c720383.png');
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 253.13rpx;
|
||||
}
|
||||
.pos_9 {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
.pos_2 {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
.grid-item_3 {
|
||||
padding: 40.78rpx 0 26.92rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 18.75rpx;
|
||||
width: 253.13rpx;
|
||||
}
|
||||
.pos_6 {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 138.75rpx;
|
||||
}
|
||||
.image_5 {
|
||||
width: 255rpx;
|
||||
height: 90rpx;
|
||||
}
|
||||
.pos_3 {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.pos_7 {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 138.75rpx;
|
||||
}
|
||||
.text_4 {
|
||||
line-height: 22.65rpx;
|
||||
}
|
||||
.pos_4 {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
.image_6 {
|
||||
margin-left: 603.77rpx;
|
||||
margin-top: -52.5rpx;
|
||||
}
|
||||
.text-wrapper_2 {
|
||||
padding: 29.33rpx 0 39.94rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 28.13rpx;
|
||||
}
|
||||
.text_5 {
|
||||
margin-left: 67.16rpx;
|
||||
line-height: 28.24rpx;
|
||||
}
|
||||
.group_7 {
|
||||
padding-left: 30rpx;
|
||||
padding-right: 15rpx;
|
||||
}
|
||||
.group_8 {
|
||||
padding: 46.88rpx 5.63rpx 43.13rpx;
|
||||
border-top: solid 1.88rpx #d9d9d9;
|
||||
}
|
||||
.text-wrapper_3 {
|
||||
padding: 17.66rpx 0 17.79rpx;
|
||||
flex: 1 1 301.88rpx;
|
||||
background-color: #f3f3f3;
|
||||
border-radius: 5.63rpx;
|
||||
height: 60rpx;
|
||||
}
|
||||
.font_4 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: STXingkai;
|
||||
line-height: 24.54rpx;
|
||||
}
|
||||
.text_6 {
|
||||
color: #323233;
|
||||
}
|
||||
.text-wrapper_4 {
|
||||
margin-right: 20.63rpx;
|
||||
padding: 17.66rpx 0 17.79rpx;
|
||||
flex: 1 1 301.88rpx;
|
||||
background-color: #fbdedf;
|
||||
border-radius: 5.63rpx;
|
||||
height: 60rpx;
|
||||
}
|
||||
.text_7 {
|
||||
color: #c35c5d;
|
||||
}
|
||||
.group_9 {
|
||||
padding-top: 43.13rpx;
|
||||
height: 234.38rpx;
|
||||
border-top: solid 1.88rpx #d9d9d9;
|
||||
}
|
||||
.section_2 {
|
||||
margin-left: 24.38rpx;
|
||||
padding: 35.33rpx 0 68.63rpx 13.73rpx;
|
||||
background-color: #fff2f2f5;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.text_9 {
|
||||
margin-left: 3.64rpx;
|
||||
}
|
||||
.section_3 {
|
||||
margin-left: 15rpx;
|
||||
margin-top: 189.38rpx;
|
||||
padding: 16.88rpx 0;
|
||||
background-color: #fffef8;
|
||||
}
|
||||
.section_4 {
|
||||
padding: 27.3rpx 0 23.79rpx;
|
||||
background-color: #fbdedf;
|
||||
border-radius: 46.88rpx;
|
||||
width: 618.75rpx;
|
||||
}
|
||||
.font_5 {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 27.54rpx;
|
||||
color: #c35c5d;
|
||||
}
|
||||
.text_8 {
|
||||
margin-left: 263.59rpx;
|
||||
}
|
||||
@import url(/common/css/global.css);
|
||||
@font-face {
|
||||
font-family: 'YuHongLiang';
|
||||
src: url('https://carbon2.obs.cn-north-4.myhuaweicloud.com/fonts/%E4%BA%8E%E6%B4%AA%E4%BA%AE%E7%A1%AC%E7%AC%94%E8%A1%8C%E6%A5%B7%E6%89%8B%E5%86%99%E5%AD%97%E4%BD%93.TTF') format('truetype');
|
||||
}
|
||||
</style>
|
||||
|
|
@ -7,22 +7,23 @@
|
|||
/> -->
|
||||
<swiper class="swiper-box">
|
||||
<swiper-item v-for="(item,index) in imgArr" :key="index" >
|
||||
<image mode="aspectFit" class="self-stretch image" :src="item" ></image>
|
||||
<image mode="aspectFit" class="self-stretch image" :src="item" @tap="previewImage(index)"></image>
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
<view class="flex-col self-stretch section_2">
|
||||
<view class="self-start group">
|
||||
<text class="font text_2">￥</text>
|
||||
<text class="text">{{ goodObject.price }}</text>
|
||||
<text class="discountsText">限时优惠{{ coupon }}元</text>
|
||||
</view>
|
||||
<view class="flex-row justify-between items-center self-stretch group_2">
|
||||
<text class="text_4">{{ goodObject.name }}</text>
|
||||
<view class="flex-row items-center group_3">
|
||||
<view class="flex-row items-center group_3" v-if="goodObject.festivalName != null">
|
||||
<image
|
||||
class="image_2"
|
||||
src="https://ide.code.fun/api/image?token=675941ee797f850011f20adf&name=189b2a683cb0df7c43650ce019ff639d.png"
|
||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FGOsbijZE-denglong.png"
|
||||
/>
|
||||
<text class="font text_3 ml-5">中秋节限定</text>
|
||||
<text class="font text_3 ml-5">{{ goodObject.festivalName }}限定</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="self-stretch divider view"></view>
|
||||
|
|
@ -56,13 +57,13 @@
|
|||
:src="goodObject.detailImg"
|
||||
/>
|
||||
<view class="flex-row items-center self-stretch section_4">
|
||||
<view class="flex-col items-center">
|
||||
<button class="flex-col items-center" style="background-color: #ffffff;" open-type="contact" bindcontact="handleContact" session-from="sessionFrom">
|
||||
<image
|
||||
class="image_4"
|
||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FbTRAhIQz-kefu.png"
|
||||
/>
|
||||
<text class="text_19 mt-3">客服</text>
|
||||
</view>
|
||||
</button>
|
||||
<view class="flex-row flex-1 ml-34">
|
||||
<view class="flex-col justify-start items-center text-wrapper_4" @click="loadPop">
|
||||
<text class="font_4 text_17">加入购物车</text>
|
||||
|
|
@ -91,14 +92,14 @@ const goodObject = ref({}) //商品对象
|
|||
const idInfo = ref(0) //发送到下一页的商品id
|
||||
const userInfo = ref({}) //用户信息
|
||||
const labelList = ref([]) //标签
|
||||
const imgArr = ref([])
|
||||
const imgArr = ref([]) //商品图片数组
|
||||
const coupon = ref(0) //当前商品可用的优惠卷
|
||||
//转换上一页面传来的商品
|
||||
onLoad((options) => {
|
||||
getProduct(JSON.parse(options.gid)) //页面加载的时候获取商品信息
|
||||
})
|
||||
onShow(()=>{
|
||||
userInfo.value = wx.getStorageSync('userInfo') //获取用户信息
|
||||
console.log('商品对象--->',goodObject.value)
|
||||
})
|
||||
onMounted(()=>{
|
||||
emitter.on('close',()=>{ //将关闭弹窗方法传入组件
|
||||
|
|
@ -115,7 +116,7 @@ const getProduct = async (gid) =>{ //根据商品获取商品信息
|
|||
cookie: wx.getStorageSync('cookie')
|
||||
}
|
||||
})
|
||||
// console.log('请求请求--->',res.data);
|
||||
console.log('请求请求--->',res.data);
|
||||
if(res.data.code === 1) {
|
||||
goodObject.value = res.data.data
|
||||
imgArr.value = res.data.data.goodImg.split(';') //将后端传来的图片字符串转为图片数组
|
||||
|
|
@ -154,9 +155,20 @@ const getFonts =()=>{
|
|||
}
|
||||
})
|
||||
}
|
||||
//点击查看图片详情方法
|
||||
const previewImage = (index) => {
|
||||
console.log(index);
|
||||
uni.previewImage({
|
||||
current: index,
|
||||
urls: imgArr.value
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
button::after {
|
||||
border: none;
|
||||
}
|
||||
.ml-5 {
|
||||
margin-left: 9.38rpx;
|
||||
}
|
||||
|
|
@ -389,5 +401,12 @@ const getFonts =()=>{
|
|||
width: 100%;
|
||||
height: calc(150vw * 9 / 16);
|
||||
}
|
||||
.discountsText {
|
||||
color: #ff0000;
|
||||
font-size: 25rpx;
|
||||
font-family: 'FangZhengFonts';
|
||||
line-height: 30.06rpx;
|
||||
margin-left: 20rpx
|
||||
}
|
||||
@import url(../../../common/css/global.css);
|
||||
</style>
|
||||
|
|
@ -47,7 +47,7 @@
|
|||
<text class="font mt-13">￥{{ item.price }}</text>
|
||||
</view>
|
||||
<image class="self-start image_5"
|
||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FRcPadqFv-add.png" @click.stop/>
|
||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FRcPadqFv-add.png" @click.stop />
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
|
|
@ -129,8 +129,7 @@ const changeTypes = async (item , index) =>{
|
|||
const getBoxStyle = (index) => ({
|
||||
backgroundColor: currentColor.value === index ? 'brown' : '#fffef8'
|
||||
});
|
||||
|
||||
|
||||
//跳转商品详情
|
||||
const goToProduct = (item) => {
|
||||
uni.navigateTo({
|
||||
url: '../../../pages/store-home/ProductDetails/ProductDetails?gid=' + JSON.stringify(item.id)
|
||||
|
|
|
|||
|
|
@ -1,72 +1,91 @@
|
|||
<template>
|
||||
<view class="flex-row relative page">
|
||||
<view class="flex-row justify-between items-center section_2 pos_9">
|
||||
<view class="flex-row justify-between items-center section_2 pos">
|
||||
<text class="text">商品</text>
|
||||
<view class="flex-row items-center section_3">
|
||||
<image
|
||||
class="image"
|
||||
src="https://ide.code.fun/api/image?token=675e8b75797f850011f292da&name=28ba6eb522ea75763e30176e00a6dc3a.png"
|
||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FODjBDedI-sousuo.png"
|
||||
/>
|
||||
<text class="font text_2 ml-30">“梅花簪子”</text>
|
||||
<input class="text-wrapper" placeholder="“梅花簪子”" />
|
||||
</view>
|
||||
</view>
|
||||
<image
|
||||
class="image_2 pos_1"
|
||||
src="https://ide.code.fun/api/image?token=675e8b75797f850011f292da&name=b76714d3da7f86025735dfadff342eb6.png"
|
||||
class="image_2 pos_2"
|
||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FloZarLZD-%E6%B5%8B%E8%AF%95%E6%8F%92%E5%85%A5.jpg"
|
||||
/>
|
||||
<view class="flex-col section_4 pos_8">
|
||||
<view class="flex-col items-center self-stretch relative group" v-for="(item, index) in items" :key="index">
|
||||
<image
|
||||
class="image_3"
|
||||
src="https://ide.code.fun/api/image?token=675e8b75797f850011f292da&name=46b84eacccfe4ba701e720a92c26f90d.png"
|
||||
/>
|
||||
<view class="section_5 pos"></view>
|
||||
<text class="relative font text_5">发簪</text>
|
||||
</view>
|
||||
<!-- 类别列表 -->
|
||||
<view class="flex-col justify-start items-center section_4 pos_3">
|
||||
<!-- <view class="flex-col"> -->
|
||||
<scroll-view scroll-y class="scrollable-contentType">
|
||||
<view class="flex-col items-center self-stretch group"
|
||||
v-for="(item, index) in sort"
|
||||
:key="index"
|
||||
@click="changeTypes(item , index)"
|
||||
>
|
||||
<image
|
||||
:style="changeImgStyle(index)"
|
||||
class="image_3"
|
||||
:src="item.imgurl"
|
||||
/>
|
||||
<text class="font_2 text_4" :style="FontsStyle(index)">{{ item.name }}</text>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<!-- </view> -->
|
||||
</view>
|
||||
<view class="flex-row section_6 pos_2">
|
||||
<text class="font_2 text_3">发</text>
|
||||
<text class="font_2 ml-12">簪</text>
|
||||
</view>
|
||||
<view class="flex-col pos_6">
|
||||
<view class="flex-row list-item mt-9" v-for="(item, index) in items_1" :key="index">
|
||||
<!-- 商品列表 -->
|
||||
<view class="flex-col pos_5">
|
||||
<scroll-view scroll-y class="scrollable-content">
|
||||
<view class="flex-row list-item mt-9" v-for="(item, index) in productList" :key="index" @click="goToProduct(item)">
|
||||
<image
|
||||
class="self-center image_4"
|
||||
src="https://ide.code.fun/api/image?token=675e8b75797f850011f292da&name=c7ccccbe00e8f4c6f0fb90cc641168c7.png"
|
||||
:src="item.goodImg.split(';')[0]"
|
||||
/>
|
||||
<view class="flex-col items-start self-center group_6">
|
||||
<text class="font text_14">琉璃发体验包</text>
|
||||
<text class="font_3 mt-10">非遗材料包，匠心独运</text>
|
||||
<text class="font_4 text_6 mt-10">￥750</text>
|
||||
<view class="flex-col items-start self-center group_1">
|
||||
<text class="font">{{ item.name }}</text>
|
||||
<text class="font_3 mt-9">{{ item.intro }}</text>
|
||||
<text class="font_4 text_5 text_1 mt-9">￥{{ item.price }}</text>
|
||||
</view>
|
||||
<image
|
||||
class="self-start image_5"
|
||||
src="https://ide.code.fun/api/image?token=675e8b75797f850011f292da&name=e20444f9a975445c969b636750776aa5.png"
|
||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FhuDBpAGx-add.png"
|
||||
@click.stop
|
||||
/>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
<text class="font text_3 pos_4">{{ product_type.type }}</text>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref,onMounted, toRaw } from 'vue';
|
||||
import { baseUrl, testUrl , suiUrl} from '@/api/request';
|
||||
import { onLoad,onPullDownRefresh } from '@dcloudio/uni-app';
|
||||
const currentColor = ref(0);
|
||||
const sort =ref([{}]) //商品类别对象数组
|
||||
const headerList = ref([{}]) //类别标题和介绍
|
||||
const productList = ref([{}]) //类别下对应的商品
|
||||
const cookie = wx.getStorageSync("cookie")
|
||||
const product_type = [{
|
||||
type: "材料包",
|
||||
detail: "提供材料自行DIY"
|
||||
}]
|
||||
const items = [null,null,null,null]
|
||||
const product_type = ref({
|
||||
type: "材料包"
|
||||
})
|
||||
const items_1 = [null,null,null]
|
||||
onMounted( async () => {
|
||||
console.log('cookie--->',cookie);
|
||||
await Getsort() //获取商品类别
|
||||
await changeTypes( sort.value[0] , 0 ) //首先获取最开始的类别
|
||||
})
|
||||
onLoad( async (options)=>{
|
||||
await Getsort()
|
||||
await changeTypes( sort.value[0] , 0 ) //首先获取最开始的类别
|
||||
await getFonts() //获取字体
|
||||
})
|
||||
onPullDownRefresh( async ()=>{ //下拉刷新
|
||||
await Getsort()
|
||||
await changeTypes( sort.value[0] , 0 ) //首先获取最开始的类别
|
||||
setTimeout(()=>{
|
||||
uni.stopPullDownRefresh() //停止下拉刷新
|
||||
},1000)
|
||||
})
|
||||
//获取商品分类
|
||||
const Getsort = async ()=>{
|
||||
const res = await uni.request({
|
||||
|
|
@ -99,7 +118,8 @@ const Getsort = async ()=>{
|
|||
}
|
||||
//更改类别
|
||||
const changeTypes = async (item , index) =>{
|
||||
currentColor.value = index
|
||||
currentColor.value = index
|
||||
product_type.value.type = item.name
|
||||
const res = await uni.request({
|
||||
url: baseUrl + '/category/list/type',
|
||||
method: 'POST',
|
||||
|
|
@ -120,37 +140,56 @@ const changeTypes = async (item , index) =>{
|
|||
})
|
||||
}
|
||||
}
|
||||
//更改box颜色
|
||||
const getBoxStyle = (index) => ({
|
||||
backgroundColor: currentColor.value === index ? 'brown' : '#fffef8'
|
||||
//点击后颜色变为红色
|
||||
const FontsStyle = (index) => ({
|
||||
color: currentColor.value === index ? '#C35C5D' : '#727272'
|
||||
})
|
||||
//点击后类别图片有阴影
|
||||
const changeImgStyle = (index) => ({
|
||||
filter: currentColor.value === index ? 'drop-shadow(0rpx 7.5rpx 3.75rpx #acacac)' : 'none'
|
||||
});
|
||||
|
||||
|
||||
//跳转商品详情
|
||||
const goToProduct = (item) => {
|
||||
console.log('跳转商品详情的item--->',item);
|
||||
uni.navigateTo({
|
||||
url: '../../../pages/store-home/ProductDetails/ProductDetails?info=' + JSON.stringify(item)
|
||||
url: '../../../pages/store-home/ProductDetails/ProductDetails?gid=' + JSON.stringify(item.id)
|
||||
})
|
||||
}
|
||||
const getFonts = () => { //导入字体
|
||||
uni.loadFontFace({
|
||||
family: 'FangZhengFonts',
|
||||
source: `url("https://carbon2.obs.cn-north-4.myhuaweicloud.com/fonts/FangZhengFonts.TTF")`,
|
||||
success: (res) => {
|
||||
console.log('success', res);
|
||||
},
|
||||
fail: (err) => {
|
||||
console.log('err', err);
|
||||
}
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.scrollable-contentType {
|
||||
height: 56vh;
|
||||
}
|
||||
.mt-9 {
|
||||
margin-top: 16.88rpx;
|
||||
}
|
||||
.page {
|
||||
background-color: #ffffff;
|
||||
background-image: url('https://ide.code.fun/api/image?token=675e8b75797f850011f292da&name=31fcc3e3780867994362dce95afbe89a.png');
|
||||
background-image: url('https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FQfLHXSAU-feiyigongfangbeijin.png');
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
height: 100vh;
|
||||
height: 100vh;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
overflow: hidden;
|
||||
}
|
||||
.section_2 {
|
||||
padding: 30rpx 45.41rpx 33.75rpx;
|
||||
background-color: #ebe7e4;
|
||||
}
|
||||
.pos_9 {
|
||||
.pos {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
|
|
@ -159,7 +198,7 @@ const goToProduct = (item) => {
|
|||
.text {
|
||||
color: #000000;
|
||||
font-size: 45rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 41.66rpx;
|
||||
}
|
||||
.section_3 {
|
||||
|
|
@ -167,7 +206,6 @@ const goToProduct = (item) => {
|
|||
padding: 5.49rpx 12.99rpx 5.76rpx;
|
||||
background-color: #f2eeeb;
|
||||
border-radius: 28.13rpx;
|
||||
width: 468.75rpx;
|
||||
height: 90rpx;
|
||||
border: solid 1.88rpx #fffef8;
|
||||
}
|
||||
|
|
@ -175,86 +213,59 @@ const goToProduct = (item) => {
|
|||
width: 95.63rpx;
|
||||
height: 75rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 28.13rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 27.24rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text_2 {
|
||||
color: #bf654f;
|
||||
letter-spacing: 11.25rpx;
|
||||
.text-wrapper {
|
||||
margin-left: -9.38rpx;
|
||||
margin-right: 15.26rpx;
|
||||
}
|
||||
.image_2 {
|
||||
width: 100vw;
|
||||
height: 55vw;
|
||||
}
|
||||
.pos_1 {
|
||||
.pos_2 {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 153.75rpx;
|
||||
}
|
||||
.section_4 {
|
||||
padding: 3.75rpx 0 62.01rpx;
|
||||
background-color: #f0ece8;
|
||||
width: 182.01rpx;
|
||||
padding: 7.5rpx 0 0rpx;
|
||||
background-color: #f4f3f1;
|
||||
width: 109.75rpx;
|
||||
}
|
||||
.pos_8 {
|
||||
.pos_3 {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 570rpx;
|
||||
top: 566.25rpx;
|
||||
}
|
||||
.group {
|
||||
padding-top: 22.5rpx;
|
||||
margin: 0 2.44rpx 20rpx 0;
|
||||
// margin-right: 2.44rpx;
|
||||
}
|
||||
.image_3 {
|
||||
width: 101.25rpx;
|
||||
height: 105rpx;
|
||||
}
|
||||
.section_5 {
|
||||
background-color: #fa7e8233;
|
||||
border-radius: 9.38rpx;
|
||||
width: 180rpx;
|
||||
height: 133.13rpx;
|
||||
}
|
||||
.pos {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
.text_5 {
|
||||
margin-top: 15.64rpx;
|
||||
}
|
||||
.section_6 {
|
||||
padding: 33.39rpx 0 20.16rpx;
|
||||
background-image: url('https://ide.code.fun/api/image?token=675e8b75797f850011f292da&name=7c35c1d42a85635085a71398166d6c05.png');
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 245.63rpx;
|
||||
}
|
||||
.pos_2 {
|
||||
position: absolute;
|
||||
left: 178.13rpx;
|
||||
top: 575.63rpx;
|
||||
// filter: drop-shadow(0rpx 7.5rpx 3.75rpx #acacac); //点击图片有阴影
|
||||
width: 90rpx;
|
||||
height: 90rpx;
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 33.75rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 30.06rpx;
|
||||
color: #c35c5d;
|
||||
font-size: 26.25rpx;
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 24.41rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text_3 {
|
||||
margin-left: 74.57rpx;
|
||||
.text_4 {
|
||||
font-size: 12px;
|
||||
color: #727272;
|
||||
line-height: 25.43rpx;
|
||||
}
|
||||
.pos_6 {
|
||||
.pos_5 {
|
||||
position: absolute;
|
||||
right: 10.99rpx;
|
||||
top: 671.25rpx;
|
||||
right: 34.63rpx;
|
||||
top: 628.13rpx;
|
||||
}
|
||||
.list-item {
|
||||
padding: 17.53rpx 14.19rpx 18.23rpx;
|
||||
width: 580rpx;
|
||||
padding: 17.53rpx 13.89rpx 18.23rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 9.38rpx;
|
||||
}
|
||||
|
|
@ -263,37 +274,52 @@ const goToProduct = (item) => {
|
|||
}
|
||||
.image_4 {
|
||||
border-radius: 9.38rpx;
|
||||
width: 123.75rpx;
|
||||
width: 121.88rpx;
|
||||
height: 112.5rpx;
|
||||
}
|
||||
.group_6 {
|
||||
margin-left: 22.84rpx;
|
||||
.group_1 {
|
||||
margin-left: 21.68rpx;
|
||||
}
|
||||
.text_14 {
|
||||
.font {
|
||||
font-size: 30rpx;
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 28.95rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.font_3 {
|
||||
font-size: 22.5rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 21.88rpx;
|
||||
color: #727272;
|
||||
width: 180px;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
.font_4 {
|
||||
font-size: 28.13rpx;
|
||||
font-family: STFangsong;
|
||||
line-height: 18rpx;
|
||||
font-size: 26.25rpx;
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 17.53rpx;
|
||||
color: #ff0000;
|
||||
}
|
||||
.text_6 {
|
||||
font-size: 26.25rpx;
|
||||
.text_5 {
|
||||
-webkit-text-stroke: 1.88rpx #ff000040;
|
||||
}
|
||||
.text_1 {
|
||||
margin-left: 3.43rpx;
|
||||
}
|
||||
.image_5 {
|
||||
margin: 63.77rpx 6.02rpx 0 90.64rpx;
|
||||
margin: 37.77rpx 2.8rpx 0 0.85rpx;
|
||||
border-radius: 9.38rpx;
|
||||
width: 52.5rpx;
|
||||
height: 48.75rpx;
|
||||
}
|
||||
.text_3 {
|
||||
color: #c35c5d;
|
||||
line-height: 29.06rpx;
|
||||
}
|
||||
.pos_4 {
|
||||
position: absolute;
|
||||
left: 142.29rpx;
|
||||
top: 585.94rpx;
|
||||
}
|
||||
@import url(../../../common/css/global.css);
|
||||
</style>
|
||||
|
|
|
|||
418
pages/workshop/component/testTimePopUp.vue
Normal file
418
pages/workshop/component/testTimePopUp.vue
Normal file
|
|
@ -0,0 +1,418 @@
|
|||
<template>
|
||||
<view class="flex-col justify-start page">
|
||||
<view class="flex-col section">
|
||||
<view class="flex-row justify-between group">
|
||||
<view class="flex-row items-end">
|
||||
<image
|
||||
class="image"
|
||||
:src="productInfo.goodImg"
|
||||
/>
|
||||
<view class="flex-col items-start relative group_2 ml-13">
|
||||
<view class="group_3">
|
||||
<text class="font text_2">￥</text>
|
||||
<text class="text">{{ productInfo.price }}</text>
|
||||
</view>
|
||||
<text class="font_2 text_3">请选择</text>
|
||||
<!-- <text class="font_2 pos_2">数量：20</text> -->
|
||||
<text class="font_2 pos">场次</text>
|
||||
</view>
|
||||
</view>
|
||||
<image
|
||||
class="self-start image_2"
|
||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FTZQhzAYT-close.png"
|
||||
/>
|
||||
</view>
|
||||
<view class="flex-col mt-2">
|
||||
<view class="flex-col">
|
||||
<view class="flex-row justify-between items-center section_2">
|
||||
<text class="font text_4">参加日期：2024年11月</text>
|
||||
<text class="font_2 text_5">当前预约人数：10</text>
|
||||
</view>
|
||||
<view class="flex-col group_4 mt-5">
|
||||
<view class="flex-col self-stretch group_5">
|
||||
<text class="self-start font_3 text_6">选择预约时间</text>
|
||||
<view class="flex-col justify-start self-stretch view mt-14">
|
||||
<scroll-view class="group_10" :scroll-x="true">
|
||||
<view class="flex-row justify-between items-baseline">
|
||||
<text :style="{color: textColor[index]}" class="font_4 text_7" v-for="(item, index) in items" :key="index" @click="choose(index)">
|
||||
今天12-09
|
||||
</text>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row self-center relative grid">
|
||||
<view class="flex-col justify-start grid-item pos_1">
|
||||
<view class="section_4"></view>
|
||||
<text class="font_5 text_11 pos_3">10:00-12:00</text>
|
||||
<text class="font_3 pos_5">可预约</text>
|
||||
</view>
|
||||
<view class="flex-col justify-start grid-item_2 pos_14">
|
||||
<view class="section_4"></view>
|
||||
<text class="font_5 pos_4">12:00-14:00</text>
|
||||
<text class="font_3 pos_6">可预约</text>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center grid-item_3 pos_15">
|
||||
<text class="font_3">可预约</text>
|
||||
<view class="flex-col justify-start items-center text-wrapper pos_7">
|
||||
<text class="font_5">14:00-16:00</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col justify-start grid-item_2 pos_11">
|
||||
<view class="section_4"></view>
|
||||
<text class="font_5 pos_8">16:00-18:00</text>
|
||||
<text class="font_3 pos_9">可预约</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col justify-start self-stretch group_6">
|
||||
<view class="flex-row justify-between section_5">
|
||||
<text class="font_3 text_12">预约时间</text>
|
||||
<view class="flex-row items-center group_7">
|
||||
<text class="font_5">2024-12-09</text>
|
||||
<text class="font_5 ml-22">暂未选择</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col items-start self-stretch section_6">
|
||||
<text class="font">购买须知：本次课程活动最少需要到</text>
|
||||
<text class="font">达5人才能进行授课</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center section_7">
|
||||
<view class="flex-row section_8">
|
||||
<text class="font_4 text_13">加入购物车</text>
|
||||
<!-- <text class="font_4 text_14 ml-21">买</text> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { onMounted, ref } from 'vue'
|
||||
import { onLoad } from "@dcloudio/uni-app";
|
||||
import { baseUrl } from '../../../api/request';
|
||||
const cookie = wx.getStorageSync("cookie") //请求头
|
||||
const items = ref([null,null,null,null,null,null,null])
|
||||
const father = defineProps(['pid'])
|
||||
const pid = ref(0) //商品id
|
||||
const productInfo = ref({}) //商品对象
|
||||
const bookTimeList = ref([]) //时间段数组
|
||||
const textColor = ref(['#000', '#000', '#000', '#000', '#000', '#000', '#000'])
|
||||
onLoad((options)=>{
|
||||
})
|
||||
onMounted(()=>{
|
||||
// console.log('onMounted--->',father.pid);
|
||||
getProduct()
|
||||
})
|
||||
const choose = (index) => { //选中后要改变颜色和切换
|
||||
console.log(textColor.value[index]);
|
||||
textColor.value[index] = '#C35C5D'
|
||||
}
|
||||
const getProduct = async ()=>{
|
||||
pid.value = father.pid //父组件传来的商品id
|
||||
const res = await uni.request({
|
||||
url: baseUrl + '/goods/service/list/id',
|
||||
method: 'POST',
|
||||
data:{ id: pid.value },
|
||||
header: { cookie }
|
||||
})
|
||||
console.log('后端传来的商品信息--->',res.data.data);
|
||||
if(res.data.code === 1 ) {
|
||||
productInfo.value = res.data.data
|
||||
bookTimeList.value = res.data.data.appointmentDateVOList
|
||||
}
|
||||
console.log('商品信息--->',productInfo.value);
|
||||
console.log('时间段信息--->',bookTimeList.value);
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.ml-13 {
|
||||
margin-left: 24.38rpx;
|
||||
}
|
||||
.mt-5 {
|
||||
margin-top: 9.38rpx;
|
||||
}
|
||||
.ml-21 {
|
||||
margin-left: 39.38rpx;
|
||||
}
|
||||
.page {
|
||||
padding-bottom: 18.75rpx;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.section {
|
||||
padding: 28.13rpx 0;
|
||||
background-color: #ffffff;
|
||||
border-radius: 37.5rpx 37.5rpx 0rpx 0rpx;
|
||||
}
|
||||
.group {
|
||||
padding: 0 30rpx;
|
||||
}
|
||||
.image {
|
||||
border-radius: 5.63rpx;
|
||||
width: 195rpx;
|
||||
height: 204.38rpx;
|
||||
}
|
||||
.group_2 {
|
||||
margin-bottom: 5.29rpx;
|
||||
padding-bottom: 28.86rpx;
|
||||
width: 157.8rpx;
|
||||
}
|
||||
.group_3 {
|
||||
margin-left: 17.51rpx;
|
||||
line-height: 29.7rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 37.5rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 45rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_2 {
|
||||
color: #c35c5d;
|
||||
line-height: 24.17rpx;
|
||||
}
|
||||
.text {
|
||||
color: #c35c5d;
|
||||
font-size: 45rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 29.7rpx;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 31.88rpx;
|
||||
color: #818181;
|
||||
}
|
||||
.text_3 {
|
||||
margin-top: 21.26rpx;
|
||||
}
|
||||
.pos_2 {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.pos {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 28.03rpx;
|
||||
}
|
||||
.image_2 {
|
||||
margin-right: 20.63rpx;
|
||||
margin-top: 5.63rpx;
|
||||
width: 37.5rpx;
|
||||
height: 37.5rpx;
|
||||
}
|
||||
.section_2 {
|
||||
padding: 30.53rpx 21.86rpx 30.36rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 28.13rpx;
|
||||
}
|
||||
.text_4 {
|
||||
color: #000000;
|
||||
line-height: 36.62rpx;
|
||||
}
|
||||
.text_5 {
|
||||
margin-right: 16.14rpx;
|
||||
line-height: 25.43rpx;
|
||||
}
|
||||
.group_4 {
|
||||
padding: 0 20.63rpx 35.63rpx;
|
||||
}
|
||||
.group_5 {
|
||||
padding: 31.76rpx 7.5rpx 0;
|
||||
border-top: solid 1.88rpx #d9d9d9;
|
||||
}
|
||||
.font_3 {
|
||||
font-size: 30rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 27.07rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text_6 {
|
||||
line-height: 28.01rpx;
|
||||
}
|
||||
.view {
|
||||
margin-right: 7.5rpx;
|
||||
padding: 35.98rpx 0 35.87rpx 20rpx;
|
||||
background-color: #faddde;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.group_10 {
|
||||
// margin-left: 11.78rpx;
|
||||
margin-right: 14.83rpx;
|
||||
}
|
||||
.font_4 {
|
||||
font-size: 30rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 27.07rpx;
|
||||
color: #c35c5d;
|
||||
}
|
||||
.text_7 {
|
||||
// border: 1px solid red;
|
||||
margin-right: 20rpx;
|
||||
line-height: 27.3rpx;
|
||||
}
|
||||
.grid {
|
||||
margin-top: 75rpx;
|
||||
width: 605.63rpx;
|
||||
height: 228.75rpx;
|
||||
}
|
||||
.grid-item {
|
||||
background-color: #fbdedf;
|
||||
border-radius: 18.75rpx;
|
||||
background-image: url('https://ide.code.fun/api/image?token=67582be6797f850011f1edb7&name=5f9759dd4fc5b6049913f513ad7248f2.png');
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 253.13rpx;
|
||||
}
|
||||
.pos_1 {
|
||||
position: absolute;
|
||||
left: 3.75rpx;
|
||||
top: 0;
|
||||
}
|
||||
.section_4 {
|
||||
background-image: url('https://ide.code.fun/api/image?token=67582be6797f850011f1edb7&name=5f9759dd4fc5b6049913f513ad7248f2.png');
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
height: 90rpx;
|
||||
}
|
||||
.font_5 {
|
||||
font-size: 30rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 20.04rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text_11 {
|
||||
width: 150rpx;
|
||||
}
|
||||
.pos_3 {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 16.99rpx;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.pos_5 {
|
||||
position: absolute;
|
||||
left: 74.53rpx;
|
||||
bottom: 12.06rpx;
|
||||
}
|
||||
.grid-item_2 {
|
||||
background-color: #ffffff;
|
||||
border-radius: 18.75rpx;
|
||||
background-image: url('https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FVQSWQJrq-selectbox.png');
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 253.13rpx;
|
||||
}
|
||||
.pos_14 {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
.pos_4 {
|
||||
position: absolute;
|
||||
right: 42.83rpx;
|
||||
top: 20.74rpx;
|
||||
}
|
||||
.pos_6 {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: 13.93rpx;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.grid-item_3 {
|
||||
padding: 54.62rpx 0 8.31rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 18.75rpx;
|
||||
width: 253.13rpx;
|
||||
}
|
||||
.pos_15 {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 138.75rpx;
|
||||
}
|
||||
.text-wrapper {
|
||||
padding: 22.61rpx 0 47.34rpx;
|
||||
background-image: url('https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FVQSWQJrq-selectbox.png');
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 256.88rpx;
|
||||
}
|
||||
.pos_7 {
|
||||
position: absolute;
|
||||
left: 3.75rpx;
|
||||
right: -7.5rpx;
|
||||
top: 0;
|
||||
}
|
||||
.pos_11 {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 138.75rpx;
|
||||
}
|
||||
.pos_8 {
|
||||
position: absolute;
|
||||
right: 39.67rpx;
|
||||
top: 18.86rpx;
|
||||
}
|
||||
.pos_9 {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: 8.31rpx;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.group_6 {
|
||||
margin-top: 97.5rpx;
|
||||
padding-bottom: 9.38rpx;
|
||||
border-bottom: solid 1.88rpx #d9d9d9;
|
||||
}
|
||||
.section_5 {
|
||||
margin-left: 22.5rpx;
|
||||
margin-right: 11.27rpx;
|
||||
padding: 12.66rpx 14.42rpx 27.9rpx;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.text_12 {
|
||||
line-height: 28.01rpx;
|
||||
}
|
||||
.group_7 {
|
||||
margin-right: 13.74rpx;
|
||||
}
|
||||
.section_6 {
|
||||
margin: 43.13rpx 46.88rpx 0 41.25rpx;
|
||||
padding: 25.28rpx 6.62rpx 38.19rpx 12.13rpx;
|
||||
background-color: #fff2f2f5;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.section_7 {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
// border: 1px solid red;
|
||||
margin-left: 7.5rpx;
|
||||
margin-right: 5.63rpx;
|
||||
padding: 16.88rpx 0;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.section_8 {
|
||||
padding: 26.14rpx 0 25.07rpx;
|
||||
background-color: #fbdedf;
|
||||
border-radius: 46.88rpx;
|
||||
width: 618.75rpx;
|
||||
}
|
||||
.text_13 {
|
||||
margin-left: 240.94rpx;
|
||||
line-height: 27.54rpx;
|
||||
}
|
||||
.text_14 {
|
||||
line-height: 27.54rpx;
|
||||
}
|
||||
@import url(../../../common/css/global.css);
|
||||
</style>
|
||||
|
|
@ -1,114 +1,147 @@
|
|||
<template>
|
||||
<view class="flex-col justify-start page">
|
||||
<view class="flex-col section">
|
||||
<view class="flex-row justify-between group">
|
||||
<view class="flex-row items-end">
|
||||
<image
|
||||
class="image"
|
||||
:src="productInfo.goodImg"
|
||||
/>
|
||||
<view class="flex-col items-start relative group_2 ml-13">
|
||||
<view class="group_3">
|
||||
<text class="font text_2">￥</text>
|
||||
<text class="text">{{ productInfo.price }}</text>
|
||||
</view>
|
||||
<text class="font_2 text_3">请选择</text>
|
||||
<!-- <text class="font_2 pos_2">数量：20</text> -->
|
||||
<text class="font_2 pos">场次</text>
|
||||
</view>
|
||||
</view>
|
||||
<image
|
||||
class="self-start image_2"
|
||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FTZQhzAYT-close.png"
|
||||
/>
|
||||
</view>
|
||||
<view class="flex-col mt-2">
|
||||
<view class="flex-col">
|
||||
<view class="flex-row justify-between items-center section_2">
|
||||
<text class="font text_4">参加日期：2024年11月</text>
|
||||
<text class="font_2 text_5">当前预约人数：10</text>
|
||||
</view>
|
||||
<view class="flex-col group_4 mt-5">
|
||||
<view class="flex-col self-stretch group_5">
|
||||
<text class="self-start font_3 text_6">选择预约时间</text>
|
||||
<view class="flex-col justify-start self-stretch view mt-14">
|
||||
<scroll-view class="group_10" :scroll-x="true">
|
||||
<view class="flex-row justify-between items-baseline">
|
||||
<text :style="{color: textColor[index]}" class="font_4 text_7" v-for="(item, index) in items" :key="index" @click="choose(index)">
|
||||
今天12-09
|
||||
</text>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row self-center relative grid">
|
||||
<view class="flex-col justify-start grid-item pos_1">
|
||||
<view class="section_4"></view>
|
||||
<text class="font_5 text_11 pos_3">10:00-12:00</text>
|
||||
<text class="font_3 pos_5">可预约</text>
|
||||
</view>
|
||||
<view class="flex-col justify-start grid-item_2 pos_14">
|
||||
<view class="section_4"></view>
|
||||
<text class="font_5 pos_4">12:00-14:00</text>
|
||||
<text class="font_3 pos_6">可预约</text>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center grid-item_3 pos_15">
|
||||
<text class="font_3">可预约</text>
|
||||
<view class="flex-col justify-start items-center text-wrapper pos_7">
|
||||
<text class="font_5">14:00-16:00</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col justify-start grid-item_2 pos_11">
|
||||
<view class="section_4"></view>
|
||||
<text class="font_5 pos_8">16:00-18:00</text>
|
||||
<text class="font_3 pos_9">可预约</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col justify-start self-stretch group_6">
|
||||
<view class="flex-row justify-between section_5">
|
||||
<text class="font_3 text_12">预约时间</text>
|
||||
<view class="flex-row items-center group_7">
|
||||
<text class="font_5">2024-12-09</text>
|
||||
<text class="font_5 ml-22">暂未选择</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col items-start self-stretch section_6">
|
||||
<text class="font">购买须知：本次课程活动最少需要到</text>
|
||||
<text class="font">达5人才能进行授课</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center section_7">
|
||||
<view class="flex-row section_8">
|
||||
<text class="font_4 text_13">加入购物车</text>
|
||||
<!-- <text class="font_4 text_14 ml-21">买</text> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col page">
|
||||
<view class="flex-col self-stretch">
|
||||
<view class="flex-col self-stretch group">
|
||||
<view class="flex-row justify-between group_2">
|
||||
<view class="flex-row items-end group_3">
|
||||
<image class="image-wrapper" :src="productInfo.goodImg"></image>
|
||||
<view class="flex-col items-start relative group_5 ml-13">
|
||||
<view class="group_6">
|
||||
<text class="font text_2">￥</text>
|
||||
<text class="text">{{ productInfo.price }}</text>
|
||||
</view>
|
||||
<text class="font_2 text_3">请选择</text>
|
||||
<text class="font_2 pos_2">最大人数：0</text>
|
||||
<text class="font_2 pos">场次</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col group_4">
|
||||
<image
|
||||
class="self-end image_2"
|
||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FTZQhzAYT-close.png"
|
||||
/>
|
||||
<view class="flex-row self-stretch mt-63">
|
||||
<image
|
||||
class="image_3"
|
||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FnKMzaToH-short.png"
|
||||
@click="short()"
|
||||
/>
|
||||
<view class="flex-col justify-start items-center text-wrapper ml-2"><text class="text_4">{{ classNum }}</text></view>
|
||||
<image
|
||||
class="image_4 ml-2"
|
||||
src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FhvzZoTdm-add.png"
|
||||
@click="add()"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row justify-between items-center section">
|
||||
<text class="font text_5">参加日期：{{ selected.date }}</text>
|
||||
<text class="font_2 text_6">当前预约人数：10</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="self-stretch divider view"></view>
|
||||
<text class="self-start font_3 text_7">选择预约时间</text>
|
||||
<view class="section_1">
|
||||
<scroll-view scroll-x="true">
|
||||
<view class="flex-row justify-between items-baseline group_1">
|
||||
<text :style="{ color: item.color }" class="font_4 text_8" v-for="(item, index) in bookTimeList" :key="index" @click="chooseDate(index)">
|
||||
{{ weekDay(item.specificDate) }}{{ item.specificDate.substring(5,10) }}
|
||||
</text>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row justify-start self-center grid">
|
||||
<!-- 时间段数组小于等于2的情况 -->
|
||||
<view class="flex-1 list_temp" v-if="timeSlotList.length <= 2">
|
||||
<view class="flex-col justify-start relative" v-for="(item, index) in timeSlotList" :key="index" @click="chooseTimeSlot(index)">
|
||||
<view :style="{ backgroundColor: item.color }" class="section_3" ></view>
|
||||
<text class="font_5 text_12 pos_temp3">{{ item.timeSlot }}</text>
|
||||
<text class="font_3 pos_temp5">可预约</text>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 时间段数组大于三才显示 -->
|
||||
<view class="flex-1 list_2" v-if="timeSlotList.length >= 3">
|
||||
<view class="flex-col justify-start relative" v-for="(item, index) in timeSlotList" :key="index" @click="chooseTimeSlot(index)">
|
||||
<view class="section_3" :style="{ backgroundColor: item.color }"></view>
|
||||
<text class="font_5 text_12 pos_3">{{ item.timeSlot }}</text>
|
||||
<!-- 缺当前预约人数 -->
|
||||
<text class="font_3 pos_5">可预约</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col self-stretch group_7">
|
||||
<view class="flex-row justify-between section_4">
|
||||
<text class="font_3 text_13">预约时间</text>
|
||||
<text class="font_3 text_14">{{ selected.date }} {{ selected.time }}</text>
|
||||
</view>
|
||||
<view class="divider mt-9"></view>
|
||||
</view>
|
||||
<view class="flex-col items-start self-center section_5">
|
||||
<text class="font_6">购买须知：本次课程活动最少需要到达5人才</text>
|
||||
<text class="font_6 text_1">能进行授课</text>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center self-stretch section_6">
|
||||
<view class="flex-row section_7">
|
||||
<text class="font_4 text_15">加入购物车</text>
|
||||
<!-- <text class="font_4 text_16 ml-21">买</text> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { onMounted, ref } from 'vue'
|
||||
import { onLoad } from "@dcloudio/uni-app";
|
||||
import { baseUrl } from '../../../api/request';
|
||||
import { weekDay } from '../../../common/global';
|
||||
const cookie = wx.getStorageSync("cookie") //请求头
|
||||
const items = ref([null,null,null,null,null,null,null])
|
||||
const father = defineProps(['pid'])
|
||||
const pid = ref(0) //商品id
|
||||
const productInfo = ref({}) //商品对象
|
||||
const bookTimeList = ref([]) //时间段数组
|
||||
const textColor = ref(['#000', '#000', '#000', '#000', '#000', '#000', '#000'])
|
||||
const bookTimeList = ref([]) //日期数组
|
||||
const timeSlotList = ref([]) //时间段数组
|
||||
const selected = ref({ //选中的日期+时间
|
||||
date: '',
|
||||
time: '',
|
||||
minNum: 0,
|
||||
maxNum: 0
|
||||
})
|
||||
const classNum = ref(1) //课程数量
|
||||
const flag = ref(0)
|
||||
onLoad((options)=>{
|
||||
})
|
||||
onMounted(()=>{
|
||||
// console.log('onMounted--->',father.pid);
|
||||
getProduct()
|
||||
})
|
||||
const choose =(index)=>{}
|
||||
const getProduct = async ()=>{
|
||||
const chooseDate = (index) => { //选中后要改变颜色和切换日期
|
||||
selected.value.date = bookTimeList.value[index].specificDate
|
||||
selected.value.time = ''
|
||||
classNum.value = 1 //切换了时间就初始化
|
||||
bookTimeList.value.forEach((item)=>{
|
||||
if(item != bookTimeList.value[index]) {
|
||||
item.color = '#000000'
|
||||
} else {
|
||||
bookTimeList.value[index].color = '#C35C5D'
|
||||
}
|
||||
})
|
||||
timeSlotList.value = bookTimeList.value[index].timePeriodVOList //将当前日期下的时间段赋值
|
||||
console.log('选中下日期时间段--->',bookTimeList.value[index].timePeriodVOList);
|
||||
}
|
||||
const chooseTimeSlot =(index) => { //选中后要改变颜色和切换时间段
|
||||
selected.value.time = timeSlotList.value[index].timeSlot
|
||||
selected.value.maxNum = timeSlotList.value[index].maxNumber
|
||||
classNum.value = 1 //切换了时间就初始化
|
||||
timeSlotList.value.forEach((item)=>{
|
||||
if(item != timeSlotList.value[index]) {
|
||||
item.color = '#FFFFFF'
|
||||
} else {
|
||||
item.color = '#FBDEDF'
|
||||
}
|
||||
})
|
||||
}
|
||||
const getProduct = async ()=>{ //获取商品信息
|
||||
pid.value = father.pid //父组件传来的商品id
|
||||
const res = await uni.request({
|
||||
url: baseUrl + '/goods/service/list/id',
|
||||
|
|
@ -119,10 +152,36 @@ const getProduct = async ()=>{
|
|||
console.log('后端传来的商品信息--->',res.data.data);
|
||||
if(res.data.code === 1 ) {
|
||||
productInfo.value = res.data.data
|
||||
bookTimeList.value = res.data.data.appointmentDateVOList
|
||||
bookTimeList.value = res.data.data.appointmentDateVOList
|
||||
}
|
||||
console.log('商品信息--->',productInfo.value);
|
||||
console.log('时间段信息--->',bookTimeList.value);
|
||||
console.log('日期+时间段信息--->',bookTimeList.value);
|
||||
}
|
||||
const short =()=> { //减少购买课程数量
|
||||
if( selected.value.maxNum === 0 ) {
|
||||
uni.showToast({
|
||||
icon: 'error',
|
||||
title: '请先选择时间段',
|
||||
duration: 1000
|
||||
})
|
||||
return;
|
||||
}
|
||||
if(classNum.value > 1) {
|
||||
classNum.value -= 1
|
||||
}
|
||||
}
|
||||
const add =()=> { //传入当前课程最大人数
|
||||
if( selected.value.maxNum === 0 ) {
|
||||
uni.showToast({
|
||||
icon: 'error',
|
||||
title: '请先选择时间段',
|
||||
duration: 1000
|
||||
})
|
||||
return;
|
||||
}
|
||||
if(classNum.value < selected.value.maxNum) {
|
||||
classNum.value += 1
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
|
|
@ -130,46 +189,53 @@ const getProduct = async ()=>{
|
|||
.ml-13 {
|
||||
margin-left: 24.38rpx;
|
||||
}
|
||||
.mt-5 {
|
||||
margin-top: 9.38rpx;
|
||||
.mt-63 {
|
||||
margin-top: 118.13rpx;
|
||||
}
|
||||
.mt-9 {
|
||||
margin-top: 16.88rpx;
|
||||
}
|
||||
.ml-21 {
|
||||
margin-left: 39.38rpx;
|
||||
}
|
||||
.page {
|
||||
padding-bottom: 18.75rpx;
|
||||
padding-top: 28.13rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 37.5rpx 37.5rpx 0rpx 0rpx;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.section {
|
||||
padding: 28.13rpx 0;
|
||||
background-color: #ffffff;
|
||||
border-radius: 37.5rpx 37.5rpx 0rpx 0rpx;
|
||||
}
|
||||
.group {
|
||||
padding-bottom: 9.38rpx;
|
||||
}
|
||||
.group_2 {
|
||||
padding: 0 30rpx;
|
||||
}
|
||||
.image {
|
||||
.group_3 {
|
||||
margin-bottom: 5.01rpx;
|
||||
}
|
||||
.image-wrapper {
|
||||
border-radius: 5.63rpx;
|
||||
// background-image: url('https://ide.code.fun/api/image?token=677b3b47797f850011f57419&name=f41b64b57071affd8eecfaa15a455af2.png');
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 195rpx;
|
||||
height: 204.38rpx;
|
||||
}
|
||||
.group_2 {
|
||||
.group_5 {
|
||||
margin-bottom: 5.29rpx;
|
||||
padding-bottom: 28.86rpx;
|
||||
width: 157.8rpx;
|
||||
}
|
||||
.group_3 {
|
||||
.group_6 {
|
||||
margin-left: 17.51rpx;
|
||||
line-height: 29.7rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 37.5rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 45rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_2 {
|
||||
color: #c35c5d;
|
||||
|
|
@ -200,31 +266,57 @@ const getProduct = async ()=>{
|
|||
right: 0;
|
||||
bottom: 28.03rpx;
|
||||
}
|
||||
.group_4 {
|
||||
margin-top: 5.63rpx;
|
||||
width: 176.25rpx;
|
||||
}
|
||||
.image_2 {
|
||||
margin-right: 20.63rpx;
|
||||
margin-top: 5.63rpx;
|
||||
width: 37.5rpx;
|
||||
height: 37.5rpx;
|
||||
}
|
||||
.section_2 {
|
||||
.image_3 {
|
||||
border-radius: 9.38rpx 0rpx 0rpx 9.38rpx;
|
||||
width: 45.21rpx;
|
||||
height: 48.13rpx;
|
||||
}
|
||||
.text-wrapper {
|
||||
padding: 14.74rpx 0 14.66rpx;
|
||||
background-color: #ffffff;
|
||||
width: 58.41rpx;
|
||||
height: 48.13rpx;
|
||||
}
|
||||
.text_4 {
|
||||
color: #323232;
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 18.73rpx;
|
||||
}
|
||||
.image_4 {
|
||||
border-radius: 0rpx 9.38rpx 9.38rpx 0rpx;
|
||||
width: 45.21rpx;
|
||||
height: 48.13rpx;
|
||||
}
|
||||
.section {
|
||||
padding: 30.53rpx 21.86rpx 30.36rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 28.13rpx;
|
||||
}
|
||||
.text_4 {
|
||||
.text_5 {
|
||||
color: #000000;
|
||||
line-height: 36.62rpx;
|
||||
}
|
||||
.text_5 {
|
||||
.text_6 {
|
||||
margin-right: 16.14rpx;
|
||||
line-height: 25.43rpx;
|
||||
}
|
||||
.group_4 {
|
||||
padding: 0 20.63rpx 35.63rpx;
|
||||
.divider {
|
||||
background-color: #d9d9d9;
|
||||
height: 1.88rpx;
|
||||
}
|
||||
.group_5 {
|
||||
padding: 31.76rpx 7.5rpx 0;
|
||||
border-top: solid 1.88rpx #d9d9d9;
|
||||
.view {
|
||||
margin-left: 20.63rpx;
|
||||
margin-right: 26.27rpx;
|
||||
}
|
||||
.font_3 {
|
||||
font-size: 30rpx;
|
||||
|
|
@ -232,51 +324,78 @@ const getProduct = async ()=>{
|
|||
line-height: 27.07rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text_6 {
|
||||
.text_7 {
|
||||
margin-left: 29.31rpx;
|
||||
margin-top: 29.89rpx;
|
||||
line-height: 28.01rpx;
|
||||
}
|
||||
.view {
|
||||
margin-right: 7.5rpx;
|
||||
padding: 35.98rpx 0 35.87rpx 20rpx;
|
||||
background-color: #faddde;
|
||||
border-radius: 18.75rpx;
|
||||
.section_1 {
|
||||
padding: 30rpx 0;
|
||||
background-color: #FBDEDF;
|
||||
border-radius: 10rpx;
|
||||
align-self: stretch;
|
||||
margin: 26.47rpx 28.13rpx 0 28.13rpx;
|
||||
}
|
||||
.group_10 {
|
||||
// margin-left: 11.78rpx;
|
||||
.group_1 {
|
||||
margin-left: 11.78rpx;
|
||||
margin-right: 14.83rpx;
|
||||
}
|
||||
.font_4 {
|
||||
font-size: 30rpx;
|
||||
// font-size: 30rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 27.07rpx;
|
||||
color: #c35c5d;
|
||||
color: #000000;
|
||||
}
|
||||
.text_7 {
|
||||
// border: 1px solid red;
|
||||
margin-right: 20rpx;
|
||||
.text_8 {
|
||||
line-height: 27.3rpx;
|
||||
margin-left: 30rpx;
|
||||
}
|
||||
.grid {
|
||||
margin-top: 75rpx;
|
||||
margin-top: 60rpx;
|
||||
width: 605.63rpx;
|
||||
}
|
||||
.list_2 {
|
||||
height: 228.75rpx;
|
||||
display: grid;
|
||||
grid-template-rows: repeat(2, minmax(0, 1fr));
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
row-gap: 54rpx;
|
||||
column-gap: 102rpx;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.grid-item {
|
||||
background-color: #fbdedf;
|
||||
border-radius: 18.75rpx;
|
||||
background-image: url('https://ide.code.fun/api/image?token=67582be6797f850011f1edb7&name=5f9759dd4fc5b6049913f513ad7248f2.png');
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 253.13rpx;
|
||||
//处理时间段数组长度小于2的情况
|
||||
.list_temp {
|
||||
height: 105.75rpx;
|
||||
display: grid;
|
||||
grid-template-rows: repeat(2, minmax(0, 1fr));
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
row-gap: 54rpx;
|
||||
column-gap: 102rpx;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.pos_1 {
|
||||
position: absolute;
|
||||
left: 3.75rpx;
|
||||
top: 0;
|
||||
.pos_temp3 {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 52.99rpx;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.section_4 {
|
||||
background-image: url('https://ide.code.fun/api/image?token=67582be6797f850011f1edb7&name=5f9759dd4fc5b6049913f513ad7248f2.png');
|
||||
background-size: 100% 100%;
|
||||
.pos_temp5 {
|
||||
position: absolute;
|
||||
left: 74.53rpx;
|
||||
bottom: -14.94rpx;
|
||||
}
|
||||
.group_temp7 {
|
||||
margin-top: 97.5rpx;
|
||||
padding: 0 22.5rpx;
|
||||
}
|
||||
//到这里结束
|
||||
.section_3 {
|
||||
background-image: url('https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FkDkwyiFc-border.png');
|
||||
background-color: #ffffff;
|
||||
border-radius: 26rpx;
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
height: 90rpx;
|
||||
}
|
||||
|
|
@ -286,7 +405,7 @@ const getProduct = async ()=>{
|
|||
line-height: 20.04rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text_11 {
|
||||
.text_12 {
|
||||
width: 150rpx;
|
||||
}
|
||||
.pos_3 {
|
||||
|
|
@ -300,116 +419,59 @@ const getProduct = async ()=>{
|
|||
left: 74.53rpx;
|
||||
bottom: 12.06rpx;
|
||||
}
|
||||
.grid-item_2 {
|
||||
background-color: #ffffff;
|
||||
border-radius: 18.75rpx;
|
||||
background-image: url('https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FVQSWQJrq-selectbox.png');
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 253.13rpx;
|
||||
.group_7 {
|
||||
margin-top: 60rpx;
|
||||
padding: 0 22.5rpx;
|
||||
}
|
||||
.pos_14 {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
.pos_4 {
|
||||
position: absolute;
|
||||
right: 42.83rpx;
|
||||
top: 20.74rpx;
|
||||
}
|
||||
.pos_6 {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: 13.93rpx;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.grid-item_3 {
|
||||
padding: 54.62rpx 0 8.31rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 18.75rpx;
|
||||
width: 253.13rpx;
|
||||
}
|
||||
.pos_15 {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 138.75rpx;
|
||||
}
|
||||
.text-wrapper {
|
||||
padding: 22.61rpx 0 47.34rpx;
|
||||
background-image: url('https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FVQSWQJrq-selectbox.png');
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 256.88rpx;
|
||||
}
|
||||
.pos_7 {
|
||||
position: absolute;
|
||||
left: 3.75rpx;
|
||||
right: -7.5rpx;
|
||||
top: 0;
|
||||
}
|
||||
.pos_11 {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 138.75rpx;
|
||||
}
|
||||
.pos_8 {
|
||||
position: absolute;
|
||||
right: 39.67rpx;
|
||||
top: 18.86rpx;
|
||||
}
|
||||
.pos_9 {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: 8.31rpx;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.group_6 {
|
||||
margin-top: 97.5rpx;
|
||||
padding-bottom: 9.38rpx;
|
||||
border-bottom: solid 1.88rpx #d9d9d9;
|
||||
}
|
||||
.section_5 {
|
||||
margin-left: 22.5rpx;
|
||||
margin-right: 11.27rpx;
|
||||
padding: 12.66rpx 14.42rpx 27.9rpx;
|
||||
.section_4 {
|
||||
margin-left: 20.63rpx;
|
||||
margin-right: 9.38rpx;
|
||||
// padding: 12.66rpx 13.54rpx 76.65rpx 16.29rpx;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.text_12 {
|
||||
.text_13 {
|
||||
line-height: 28.01rpx;
|
||||
}
|
||||
.group_7 {
|
||||
margin-right: 13.74rpx;
|
||||
.text_14 {
|
||||
line-height: 28.84rpx;
|
||||
}
|
||||
.section_6 {
|
||||
margin: 43.13rpx 46.88rpx 0 41.25rpx;
|
||||
padding: 25.28rpx 6.62rpx 38.19rpx 12.13rpx;
|
||||
.section_5 {
|
||||
margin-top: 54.38rpx;
|
||||
padding: 32.23rpx 10.56rpx 91.29rpx 17.57rpx;
|
||||
background-color: #fff2f2f5;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.section_7 {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
// border: 1px solid red;
|
||||
margin-left: 7.5rpx;
|
||||
margin-right: 5.63rpx;
|
||||
.font_6 {
|
||||
font-size: 30rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 35.63rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_1 {
|
||||
margin-left: 2.12rpx;
|
||||
}
|
||||
.section_6 {
|
||||
margin-left: 15rpx;
|
||||
margin-top: 88.13rpx;
|
||||
padding: 16.88rpx 0;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.section_8 {
|
||||
.section_7 {
|
||||
padding: 26.14rpx 0 25.07rpx;
|
||||
background-color: #fbdedf;
|
||||
border-radius: 46.88rpx;
|
||||
width: 618.75rpx;
|
||||
}
|
||||
.text_13 {
|
||||
margin-left: 240.94rpx;
|
||||
.text_15 {
|
||||
// margin-left: 260.94rpx;
|
||||
margin: 0 auto;
|
||||
line-height: 27.54rpx;
|
||||
}
|
||||
.text_14 {
|
||||
.text_16 {
|
||||
line-height: 27.54rpx;
|
||||
}
|
||||
.text_8:first-child {
|
||||
margin-left: 0rpx;
|
||||
}
|
||||
@import url(../../../common/css/global.css);
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -18,8 +18,8 @@
|
|||
</text>
|
||||
</view>
|
||||
<view class="flex-row items-baseline self-stretch group_2 mt-15">
|
||||
<text class="font_3">最近可预约时间：2024.11.11</text>
|
||||
<text class="font_3 ml-1">9：30 - 10：30</text>
|
||||
<text class="font_3" style="margin-left: 0;">最近可预约时间：{{ specificDate }}</text>
|
||||
<text class="font_3 ml-1" style="margin-left: 20rpx;">{{ specificTime }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-col section_4 mt-6">
|
||||
|
|
@ -81,6 +81,8 @@ const pid = ref(0) //商品id
|
|||
const cookie = wx.getStorageSync("cookie") //请求头
|
||||
const productObject = ref({})
|
||||
const popup = ref(null) //弹窗对象
|
||||
const specificDate = ref('') //渲染最近可预约日期
|
||||
const specificTime = ref('') //渲染最近可预约时间段
|
||||
onMounted(()=>{
|
||||
emitter.on('close',()=>{
|
||||
close()
|
||||
|
|
@ -103,6 +105,9 @@ const getProduct = async() =>{
|
|||
})
|
||||
if(res.data.code === 1) {
|
||||
productObject.value = res.data.data
|
||||
specificDate.value = res.data.data.appointmentDateVOList[0].specificDate //最近可预约日期
|
||||
specificTime.value = res.data.data.appointmentDateVOList[0].timePeriodVOList[0].timeSlot //最近可预约时间
|
||||
console.log('商品对象为--->',productObject.value);
|
||||
} else {
|
||||
uni.showToast({
|
||||
icon: 'error',
|
||||
|
|
|
|||
20
unpackage/dist/dev/mp-weixin/app.js
vendored
20
unpackage/dist/dev/mp-weixin/app.js
vendored
|
|
@ -24,7 +24,6 @@ if (!Math) {
|
|||
"./pages/login/login.js";
|
||||
"./pages/Shopping-cart/component/addProduct.js";
|
||||
"./pages/mine/OrderDetails/OrderDetails.js";
|
||||
"./pages/service/productDetail/productDetail.js";
|
||||
"./pages/workshop/index/index.js";
|
||||
"./pages/booking/CostumeDisplay/CostumeDisplay.js";
|
||||
"./pages/booking/CostumeDetails/CostumeDetails.js";
|
||||
|
|
@ -34,12 +33,21 @@ if (!Math) {
|
|||
"./pages/store-home/main/testMain.js";
|
||||
"./pages/syy.js";
|
||||
"./pages/order/singleGoodOrder/singleGoodOrder.js";
|
||||
"./pages/Shopping-cart/productmain/testproductmain.js";
|
||||
"./pages/workshop/component/testTimePopUp.js";
|
||||
"./pages/mine/addressList/addressList.js";
|
||||
}
|
||||
const _sfc_main = {};
|
||||
function _sfc_render(_ctx, _cache) {
|
||||
return {};
|
||||
}
|
||||
const App = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:/微信小程序/课设整合/匠承非遗小程序端/jiangchengfeiyi-xiaochengxu/App.vue"]]);
|
||||
const _sfc_main = {
|
||||
__name: "App",
|
||||
setup(__props) {
|
||||
common_vendor.onLaunch(() => {
|
||||
});
|
||||
return (_ctx, _cache) => {
|
||||
return {};
|
||||
};
|
||||
}
|
||||
};
|
||||
const App = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__file", "D:/微信小程序/课设整合/匠承非遗小程序端/jiangchengfeiyi-xiaochengxu/App.vue"]]);
|
||||
function createApp() {
|
||||
const app = common_vendor.createSSRApp(App);
|
||||
app.use(store_index.pinia);
|
||||
|
|
|
|||
10
unpackage/dist/dev/mp-weixin/app.json
vendored
10
unpackage/dist/dev/mp-weixin/app.json
vendored
|
|
@ -21,7 +21,6 @@
|
|||
"pages/login/login",
|
||||
"pages/Shopping-cart/component/addProduct",
|
||||
"pages/mine/OrderDetails/OrderDetails",
|
||||
"pages/service/productDetail/productDetail",
|
||||
"pages/workshop/index/index",
|
||||
"pages/booking/CostumeDisplay/CostumeDisplay",
|
||||
"pages/booking/CostumeDetails/CostumeDetails",
|
||||
|
|
@ -30,7 +29,10 @@
|
|||
"pages/workshop/component/timePopUp",
|
||||
"pages/store-home/main/testMain",
|
||||
"pages/syy",
|
||||
"pages/order/singleGoodOrder/singleGoodOrder"
|
||||
"pages/order/singleGoodOrder/singleGoodOrder",
|
||||
"pages/Shopping-cart/productmain/testproductmain",
|
||||
"pages/workshop/component/testTimePopUp",
|
||||
"pages/mine/addressList/addressList"
|
||||
],
|
||||
"window": {
|
||||
"navigationBarTextStyle": "black",
|
||||
|
|
@ -47,12 +49,12 @@
|
|||
"text": "首页"
|
||||
},
|
||||
{
|
||||
"pagePath": "pages/store-home/main/main",
|
||||
"pagePath": "pages/store-home/main/testMain",
|
||||
"iconPath": "./static/store.png",
|
||||
"text": "商城"
|
||||
},
|
||||
{
|
||||
"pagePath": "pages/Shopping-cart/productmain/productmain",
|
||||
"pagePath": "pages/Shopping-cart/productmain/testproductmain",
|
||||
"iconPath": "./static/shopcar.png",
|
||||
"text": "购物车"
|
||||
},
|
||||
|
|
|
|||
16
unpackage/dist/dev/mp-weixin/app.wxss
vendored
16
unpackage/dist/dev/mp-weixin/app.wxss
vendored
|
|
@ -1 +1,17 @@
|
|||
|
||||
/*每个页面公共css */
|
||||
/* //设置圆角 */
|
||||
checkbox.round .wx-checkbox-input,
|
||||
checkbox.round .uni-checkbox-input {
|
||||
border-radius: 100rpx;
|
||||
border: 1px solid #ec6330;
|
||||
}
|
||||
/* //设置背景色 */
|
||||
checkbox.red[checked] .wx-checkbox-input,
|
||||
checkbox.red.checked .uni-checkbox-input {
|
||||
background-color: #E79EA1 !important;
|
||||
border-color: #ebebeb !important;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
/* //元素使用的时候就是使用 round 和 red */
|
||||
page{--status-bar-height:25px;--top-window-height:0px;--window-top:0px;--window-bottom:0px;--window-left:0px;--window-right:0px;--window-magin:0px}[data-c-h="true"]{display: none !important;}
|
||||
29
unpackage/dist/dev/mp-weixin/common/global.js
vendored
29
unpackage/dist/dev/mp-weixin/common/global.js
vendored
|
|
@ -3,36 +3,53 @@ const stateList = [
|
|||
{
|
||||
state: "待支付",
|
||||
img: "https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FFybMDtHR-dengdaifukuan.png",
|
||||
msg: "等待买家付款"
|
||||
msg: "等待买家付款",
|
||||
tips: "请于15分钟内付款，超时订单将自动关闭"
|
||||
},
|
||||
{
|
||||
state: "待发货",
|
||||
img: "https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FEOzVqolp-fahuo.png",
|
||||
msg: "等待卖家发货"
|
||||
msg: "等待卖家发货",
|
||||
tips: "耐心等待工艺品发货~"
|
||||
},
|
||||
{
|
||||
state: "退款中",
|
||||
img: "",
|
||||
msg: "退款审核中",
|
||||
tips: "请君耐心等待退款结果"
|
||||
},
|
||||
{
|
||||
state: "已退款",
|
||||
img: "https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FlPnvgqCp-yituikuan.png",
|
||||
msg: "订单已经退款"
|
||||
msg: "订单已经退款",
|
||||
tips: "希望下次能让君满意"
|
||||
},
|
||||
{
|
||||
state: "待收货",
|
||||
img: "https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FEOzVqolp-fahuo.png",
|
||||
msg: "商品已发货，注意查收"
|
||||
msg: "商品已发货，注意查收",
|
||||
tips: "非遗工艺品马上到手啦，耐心点"
|
||||
},
|
||||
{
|
||||
state: "交易成功",
|
||||
img: "",
|
||||
msg: "订单完成，感谢您的支持"
|
||||
msg: "订单完成，感谢您的支持",
|
||||
tips: "感谢您的支持"
|
||||
},
|
||||
{
|
||||
state: "交易关闭",
|
||||
img: "https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FaHDhacaI-dengdaifukuan.png",
|
||||
msg: "您的订单已关闭"
|
||||
msg: "您的订单已关闭",
|
||||
tips: "下次看好了之后再买哦"
|
||||
}
|
||||
];
|
||||
const stateMap = /* @__PURE__ */ new Map();
|
||||
stateList.forEach((item) => {
|
||||
stateMap.set(item.state, item);
|
||||
});
|
||||
const weekDay = function(time) {
|
||||
let datelist = ["周日", "周一", "周二", "周三", "周四", "周五", "周六"];
|
||||
return datelist[new Date(time).getDay()];
|
||||
};
|
||||
exports.stateMap = stateMap;
|
||||
exports.weekDay = weekDay;
|
||||
|
|
|
|||
7323
unpackage/dist/dev/mp-weixin/common/vendor.js
vendored
7323
unpackage/dist/dev/mp-weixin/common/vendor.js
vendored
File diff suppressed because it is too large
Load Diff
|
|
@ -2,10 +2,6 @@
|
|||
const common_vendor = require("../../../common/vendor.js");
|
||||
const api_request = require("../../../api/request.js");
|
||||
const utils_emitter = require("../../../utils/emitter.js");
|
||||
if (!Math) {
|
||||
addSelected();
|
||||
}
|
||||
const addSelected = () => "../../order/component/addSelected.js";
|
||||
const _sfc_main = {
|
||||
__name: "newaddress_Info",
|
||||
setup(__props) {
|
||||
|
|
@ -83,16 +79,31 @@ const _sfc_main = {
|
|||
return;
|
||||
}
|
||||
};
|
||||
const chooseLocation = () => {
|
||||
common_vendor.index.chooseLocation({
|
||||
success: (res) => {
|
||||
addressParam.value.region = res.address;
|
||||
addressParam.value.detailAddress = res.name;
|
||||
}
|
||||
});
|
||||
};
|
||||
const bindTimeChange = (e) => {
|
||||
addressParam.value.region = e.detail.value[0] + e.detail.value[1] + e.detail.value[2];
|
||||
};
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: addressParam.value.name,
|
||||
b: common_vendor.o(($event) => addressParam.value.name = $event.detail.value),
|
||||
c: addressParam.value.phone,
|
||||
d: common_vendor.o(($event) => addressParam.value.phone = $event.detail.value),
|
||||
e: addressParam.value.detailAddress,
|
||||
f: common_vendor.o(($event) => addressParam.value.detailAddress = $event.detail.value),
|
||||
g: common_vendor.o(defaultAddress),
|
||||
h: common_vendor.o(newAddress)
|
||||
e: addressParam.value.region,
|
||||
f: common_vendor.o(($event) => addressParam.value.region = $event.detail.value),
|
||||
g: common_vendor.o(bindTimeChange),
|
||||
h: common_vendor.o(($event) => chooseLocation()),
|
||||
i: addressParam.value.detailAddress,
|
||||
j: common_vendor.o(($event) => addressParam.value.detailAddress = $event.detail.value),
|
||||
k: common_vendor.o(defaultAddress),
|
||||
l: common_vendor.o(newAddress)
|
||||
};
|
||||
};
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,4 @@
|
|||
{
|
||||
"navigationBarTitleText": "",
|
||||
"usingComponents": {
|
||||
"add-selected": "../../order/component/addSelected"
|
||||
}
|
||||
"usingComponents": {}
|
||||
}
|
||||
|
|
@ -1 +1 @@
|
|||
<view class="flex-col page data-v-fb57d854"><view class="flex-col group data-v-fb57d854"><text class="self-start font_2 text data-v-fb57d854">收货信息</text><view class="flex-col self-stretch section mt-15 data-v-fb57d854"><view class="flex-row items-center group_2 data-v-fb57d854"><text class="font_2 data-v-fb57d854">收货人</text><input class="text-wrapper ml-27 data-v-fb57d854" placeholder="请输入姓名" value="{{a}}" bindinput="{{b}}"/></view><view class="flex-row items-center group_3 data-v-fb57d854"><text class="font_2 text_3 data-v-fb57d854">手机号码</text><input class="text-wrapper_2 ml-12 data-v-fb57d854" placeholder="请输入手机号码" value="{{c}}" bindinput="{{d}}"/></view><view class="flex-row items-center group_4 data-v-fb57d854"><text class="font_2 text_5 data-v-fb57d854">所在地区</text><view class="flex-col justify-start flex-1 relative group_5 ml-13 data-v-fb57d854"><view class="zujian data-v-fb57d854"><add-selected class="data-v-fb57d854" u-i="fb57d854-0" bind:__l="__l"></add-selected></view><image class="image pos data-v-fb57d854" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FkYDyjpPh-dingwei.png"/></view></view><view class="flex-row items-center group_6 data-v-fb57d854"><text class="font_2 text_7 data-v-fb57d854">详细地址</text><block wx:if="{{r0}}"><textarea class="section_2 ml-12 data-v-fb57d854" placeholder="输入详细地址" value="{{e}}" bindinput="{{f}}"/></block></view><view class="flex-row justify-between items-center group_7 data-v-fb57d854"><checkbox-group class="data-v-fb57d854" bindchange="{{g}}"><text class="font_2 data-v-fb57d854">设为默认收货地址</text><checkbox class="data-v-fb57d854" value="1"/></checkbox-group></view></view></view><view class="flex-col justify-start items-center section_3 mt-462 data-v-fb57d854"><view class="flex-col justify-start items-center text-wrapper_4 data-v-fb57d854" bindtap="{{h}}"><text class="text_8 data-v-fb57d854">保存并使用</text></view></view></view>
|
||||
<view class="flex-col page data-v-fb57d854"><view class="flex-col group data-v-fb57d854"><text class="self-start font_2 text data-v-fb57d854">收货信息</text><view class="flex-col self-stretch section mt-15 data-v-fb57d854"><view class="flex-row items-center group_2 data-v-fb57d854"><text class="font_2 data-v-fb57d854">收货人</text><input class="text-wrapper ml-27 data-v-fb57d854" placeholder="请输入姓名" value="{{a}}" bindinput="{{b}}"/></view><view class="flex-row items-center group_3 data-v-fb57d854"><text class="font_2 text_3 data-v-fb57d854">手机号码</text><input class="text-wrapper_2 ml-12 data-v-fb57d854" placeholder="请输入手机号码" value="{{c}}" bindinput="{{d}}"/></view><view class="flex-row items-center group_4 data-v-fb57d854"><text class="font_2 text_5 data-v-fb57d854">所在地区</text><view class="flex-col justify-start flex-1 relative group_5 ml-13 data-v-fb57d854"><picker class="data-v-fb57d854" mode="region" bindchange="{{g}}" style="width:400rpx"><input class="data-v-fb57d854" border="bottom" placeholder="请选择省市区" type="text" disabled="{{true}}" value="{{e}}" bindinput="{{f}}"/></picker><image class="image pos data-v-fb57d854" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FkYDyjpPh-dingwei.png" bindtap="{{h}}"/></view></view><view class="flex-row items-center group_6 data-v-fb57d854"><text class="font_2 text_7 data-v-fb57d854">详细地址</text><block wx:if="{{r0}}"><textarea class="section_2 ml-12 data-v-fb57d854" placeholder="输入详细地址" value="{{i}}" bindinput="{{j}}"/></block></view><view class="flex-row justify-between items-center group_7 data-v-fb57d854"><checkbox-group class="data-v-fb57d854" bindchange="{{k}}"><text class="font_2 data-v-fb57d854">设为默认收货地址</text><checkbox class="data-v-fb57d854" value="1"/></checkbox-group></view></view></view><view class="flex-col justify-start items-center section_3 mt-462 data-v-fb57d854"><view class="flex-col justify-start items-center text-wrapper_4 data-v-fb57d854" bindtap="{{l}}"><text class="text_8 data-v-fb57d854">保存并使用</text></view></view></view>
|
||||
|
|
@ -162,7 +162,9 @@ const _sfc_main = {
|
|||
showCancel: false,
|
||||
success: (e) => {
|
||||
if (e.confirm) {
|
||||
deleteProduct(res.data.data);
|
||||
common_vendor.index.reLaunch({
|
||||
url: "/pages/Shopping-cart/productmain/productmain"
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
|
|||
|
|
@ -43,7 +43,7 @@ const _sfc_main = {
|
|||
};
|
||||
const jump_store = () => {
|
||||
common_vendor.index.switchTab({
|
||||
url: "/pages/store-home/main/main"
|
||||
url: "/pages/store-home/main/testMain"
|
||||
});
|
||||
};
|
||||
const getFonts = () => {
|
||||
|
|
|
|||
|
|
@ -28,6 +28,11 @@ const _sfc_main = {
|
|||
}
|
||||
});
|
||||
};
|
||||
const jump_addressList = () => {
|
||||
common_vendor.index.navigateTo({
|
||||
url: "/pages/mine/addressList/addressList"
|
||||
});
|
||||
};
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: common_vendor.o(($event) => goto("全部")),
|
||||
|
|
@ -35,7 +40,8 @@ const _sfc_main = {
|
|||
c: common_vendor.o(($event) => goto("待发货")),
|
||||
d: common_vendor.o(($event) => goto("已发货")),
|
||||
e: common_vendor.o(($event) => goto("已退款")),
|
||||
f: common_vendor.o(goToText)
|
||||
f: common_vendor.o(($event) => jump_addressList()),
|
||||
g: common_vendor.o(goToText)
|
||||
};
|
||||
};
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
<view class="flex-col page data-v-8172b2ba"><view class="flex-col group data-v-8172b2ba"><view class="flex-row items-center group_2 data-v-8172b2ba"><image class="image data-v-8172b2ba" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FtiKFGDAi-avator.png"/><view class="ml-20 flex-col items-start flex-1 data-v-8172b2ba"><text class="text data-v-8172b2ba">微信用户</text><text class="mt-18 font text_2 data-v-8172b2ba">剩余积分：40</text></view></view><view class="flex-row equal-division data-v-8172b2ba"><view class="flex-col items-center data-v-8172b2ba" bindtap="{{a}}"><image class="shrink-0 image_2 data-v-8172b2ba" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FjqkEyOpY-totalorder.png"/><text class="font text_3 data-v-8172b2ba">总订单</text></view><view class="flex-col items-center ml-1 data-v-8172b2ba" bindtap="{{b}}"><image class="shrink-0 image_2 data-v-8172b2ba" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FEzgKLIBS-waitproduct.png"/><text class="font text_5 data-v-8172b2ba">待支付</text></view><view class="flex-col items-center ml-1 data-v-8172b2ba" bindtap="{{c}}"><image class="shrink-0 image_2 data-v-8172b2ba" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FVWTrHegX-waitpay.png"/><text class="font text_4 data-v-8172b2ba">待发货</text></view><view class="flex-col items-center ml-1 data-v-8172b2ba" bindtap="{{d}}"><image class="shrink-0 image_2 data-v-8172b2ba" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FWAdobYmD-waitshouhou.png"/><text class="font text_6 data-v-8172b2ba">已发货</text></view><view class="flex-col items-center ml-1 data-v-8172b2ba" bindtap="{{e}}"><image class="shrink-0 image_2 data-v-8172b2ba" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FGEFKFVXw-shouhou.png"/><text class="font text_7 data-v-8172b2ba">退款/售后</text></view></view></view><view class="flex-col mt-37 data-v-8172b2ba"><view class="flex-col group_3 data-v-8172b2ba"><view class="flex-row justify-between relative data-v-8172b2ba"><image class="image_3 data-v-8172b2ba" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FSJZTOttL-address.png"/><image class="self-start image_4 image_5 data-v-8172b2ba" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FwQgycnra-rush.png"/><text class="font_2 text_8 pos data-v-8172b2ba">地 址 列 表</text><view class="divider pos_2 data-v-8172b2ba"></view></view><view class="flex-row justify-between relative data-v-8172b2ba" bindtap="{{f}}"><image class="image_6 data-v-8172b2ba" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FejVXliLM-contact.png"/><image class="self-start image_4 image_7 data-v-8172b2ba" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FwQgycnra-rush.png"/><text class="font_2 pos_3 data-v-8172b2ba">联系人列表</text><view class="divider pos_4 data-v-8172b2ba"></view></view></view><view class="flex-row justify-between group_4 data-v-8172b2ba"><view class="flex-row items-center data-v-8172b2ba"><image class="shrink-0 image_8 data-v-8172b2ba" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FOfemexvK-booking.png"/><text class="font_2 text_9 data-v-8172b2ba">我 的 预 约</text></view><image class="self-start image_4 image_9 data-v-8172b2ba" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FwQgycnra-rush.png"/></view><view class="flex-col group_5 data-v-8172b2ba"><view class="divider view data-v-8172b2ba"></view><view class="flex-row justify-between items-center group_6 data-v-8172b2ba"><view class="flex-row items-center data-v-8172b2ba"><image class="shrink-0 image_10 data-v-8172b2ba" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FqihgypDY-coupon.png"/><text class="font_2 data-v-8172b2ba">我的优惠券</text></view><image class="image_4 image_11 data-v-8172b2ba" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FwQgycnra-rush.png"/></view><view class="divider view_2 data-v-8172b2ba"></view><view class="flex-row justify-between group_7 data-v-8172b2ba"><view class="flex-row self-center data-v-8172b2ba"><view class="flex-row shrink-0 data-v-8172b2ba"><image class="shrink-0 image_12 data-v-8172b2ba" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FlGcdVAji-setting.png"/><text class="ml-10 self-start font_3 text_10 data-v-8172b2ba">设</text></view><text class="ml-60 self-start font_3 text_11 data-v-8172b2ba">置</text></view><image class="self-start image_4 image_13 data-v-8172b2ba" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FwQgycnra-rush.png"/></view></view></view></view>
|
||||
<view class="flex-col page data-v-8172b2ba"><view class="flex-col group data-v-8172b2ba"><view class="flex-row items-center group_2 data-v-8172b2ba"><image class="image data-v-8172b2ba" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FtiKFGDAi-avator.png"/><view class="ml-20 flex-col items-start flex-1 data-v-8172b2ba"><text class="text data-v-8172b2ba">微信用户</text><text class="mt-18 font text_2 data-v-8172b2ba">剩余积分：40</text></view></view><view class="flex-row equal-division data-v-8172b2ba"><view class="flex-col items-center data-v-8172b2ba" bindtap="{{a}}"><image class="shrink-0 image_2 data-v-8172b2ba" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FjqkEyOpY-totalorder.png"/><text class="font text_3 data-v-8172b2ba">总订单</text></view><view class="flex-col items-center ml-1 data-v-8172b2ba" bindtap="{{b}}"><image class="shrink-0 image_2 data-v-8172b2ba" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FEzgKLIBS-waitproduct.png"/><text class="font text_5 data-v-8172b2ba">待支付</text></view><view class="flex-col items-center ml-1 data-v-8172b2ba" bindtap="{{c}}"><image class="shrink-0 image_2 data-v-8172b2ba" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FVWTrHegX-waitpay.png"/><text class="font text_4 data-v-8172b2ba">待发货</text></view><view class="flex-col items-center ml-1 data-v-8172b2ba" bindtap="{{d}}"><image class="shrink-0 image_2 data-v-8172b2ba" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FWAdobYmD-waitshouhou.png"/><text class="font text_6 data-v-8172b2ba">已发货</text></view><view class="flex-col items-center ml-1 data-v-8172b2ba" bindtap="{{e}}"><image class="shrink-0 image_2 data-v-8172b2ba" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FGEFKFVXw-shouhou.png"/><text class="font text_7 data-v-8172b2ba">退款/售后</text></view></view></view><view class="flex-col mt-37 data-v-8172b2ba"><view class="flex-col group_3 data-v-8172b2ba"><view class="flex-row justify-between relative data-v-8172b2ba" bindtap="{{f}}"><image class="image_3 data-v-8172b2ba" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FSJZTOttL-address.png"/><image class="self-start image_4 image_5 data-v-8172b2ba" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FwQgycnra-rush.png"/><text class="font_2 text_8 pos data-v-8172b2ba">地 址 列 表</text><view class="divider pos_2 data-v-8172b2ba"></view></view><view class="flex-row justify-between relative data-v-8172b2ba" bindtap="{{g}}"><image class="image_6 data-v-8172b2ba" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FejVXliLM-contact.png"/><image class="self-start image_4 image_7 data-v-8172b2ba" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FwQgycnra-rush.png"/><text class="font_2 pos_3 data-v-8172b2ba">联系人列表</text><view class="divider pos_4 data-v-8172b2ba"></view></view></view><view class="flex-row justify-between group_4 data-v-8172b2ba"><view class="flex-row items-center data-v-8172b2ba"><image class="shrink-0 image_8 data-v-8172b2ba" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FOfemexvK-booking.png"/><text class="font_2 text_9 data-v-8172b2ba">我 的 预 约</text></view><image class="self-start image_4 image_9 data-v-8172b2ba" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FwQgycnra-rush.png"/></view><view class="flex-col group_5 data-v-8172b2ba"><view class="divider view data-v-8172b2ba"></view><view class="flex-row justify-between items-center group_6 data-v-8172b2ba"><view class="flex-row items-center data-v-8172b2ba"><image class="shrink-0 image_10 data-v-8172b2ba" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FqihgypDY-coupon.png"/><text class="font_2 data-v-8172b2ba">我的优惠券</text></view><image class="image_4 image_11 data-v-8172b2ba" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FwQgycnra-rush.png"/></view><view class="divider view_2 data-v-8172b2ba"></view><view class="flex-row justify-between group_7 data-v-8172b2ba"><view class="flex-row self-center data-v-8172b2ba"><view class="flex-row shrink-0 data-v-8172b2ba"><image class="shrink-0 image_12 data-v-8172b2ba" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FlGcdVAji-setting.png"/><text class="ml-10 self-start font_3 text_10 data-v-8172b2ba">设</text></view><text class="ml-60 self-start font_3 text_11 data-v-8172b2ba">置</text></view><image class="self-start image_4 image_13 data-v-8172b2ba" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FwQgycnra-rush.png"/></view></view></view></view>
|
||||
|
|
@ -10,6 +10,8 @@ const _sfc_main = {
|
|||
displayedOrders: []
|
||||
});
|
||||
common_vendor.ref(0);
|
||||
var plugin = requirePlugin("logisticsPlugin");
|
||||
let waybillToken = "";
|
||||
const isSelected = (tab) => Status.value.orderStatus === tab;
|
||||
common_vendor.onMounted(async () => {
|
||||
await Getorder();
|
||||
|
|
@ -24,8 +26,8 @@ const _sfc_main = {
|
|||
case "待发货":
|
||||
return order.orderStatus === "待发货";
|
||||
case "已发货":
|
||||
return order.orderStatus === "已发货";
|
||||
case "已退款":
|
||||
return order.orderStatus === "待收货";
|
||||
case "待收货":
|
||||
return order.orderStatus === "已退款";
|
||||
default:
|
||||
return false;
|
||||
|
|
@ -158,6 +160,28 @@ const _sfc_main = {
|
|||
});
|
||||
}
|
||||
};
|
||||
const viewLogistics = (oid) => {
|
||||
common_vendor.index.request({
|
||||
url: api_request.baseUrl + "/logistics/get/info",
|
||||
method: "POST",
|
||||
data: {
|
||||
id: oid
|
||||
},
|
||||
header: {
|
||||
"cookie": common_vendor.wx$1.getStorageSync("cookie")
|
||||
},
|
||||
success: (res) => {
|
||||
console.log(res.data.data);
|
||||
waybillToken = res.data.data.waybill_token;
|
||||
plugin.openWaybillTracking({
|
||||
waybillToken
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
const deleteOrder = async () => {
|
||||
console.log("删除订单方法");
|
||||
};
|
||||
const getFonts = () => {
|
||||
common_vendor.index.loadFontFace({
|
||||
family: "FangZhengFonts",
|
||||
|
|
@ -170,6 +194,9 @@ const _sfc_main = {
|
|||
}
|
||||
});
|
||||
};
|
||||
const confirm = () => {
|
||||
console.log("确认收货方法");
|
||||
};
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: _ctx.orderStatus === "全部" ? 1 : "",
|
||||
|
|
@ -181,16 +208,17 @@ const _sfc_main = {
|
|||
g: _ctx.orderStatus === "待发货" ? 1 : "",
|
||||
h: isSelected("待发货") ? 1 : "",
|
||||
i: common_vendor.o(($event) => changeTab("待发货")),
|
||||
j: _ctx.orderStatus === "已发货" ? 1 : "",
|
||||
k: isSelected("已发货") ? 1 : "",
|
||||
l: common_vendor.o(($event) => changeTab("已发货")),
|
||||
j: _ctx.orderStatus === "待收货" ? 1 : "",
|
||||
k: isSelected("待收货") ? 1 : "",
|
||||
l: common_vendor.o(($event) => changeTab("待收货")),
|
||||
m: _ctx.orderStatus === "已退款" ? 1 : "",
|
||||
n: isSelected("已退款") ? 1 : "",
|
||||
o: common_vendor.o(($event) => changeTab("已退款")),
|
||||
p: common_vendor.f(Status.value.displayedOrders, (order, index, i0) => {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.t(order.orderNumber),
|
||||
b: common_vendor.f(order.orderItemList, (item, goodIndex, i1) => {
|
||||
b: common_vendor.t(order.orderStatus),
|
||||
c: common_vendor.f(order.orderItemList, (item, goodIndex, i1) => {
|
||||
return {
|
||||
a: item.goodSnapshot.goodImg.split(";")[0],
|
||||
b: common_vendor.t(item.goodSnapshot.name),
|
||||
|
|
@ -200,22 +228,27 @@ const _sfc_main = {
|
|||
f: goodIndex
|
||||
};
|
||||
}),
|
||||
c: common_vendor.t(order.totalAmount),
|
||||
d: order.orderStatus === "待支付"
|
||||
d: common_vendor.t(order.totalAmount),
|
||||
e: order.orderStatus === "待支付"
|
||||
}, order.orderStatus === "待支付" ? {
|
||||
e: common_vendor.o(($event) => cancelOrder(order), order.id),
|
||||
f: common_vendor.o(($event) => goToPay(order), order.id)
|
||||
f: common_vendor.o(($event) => cancelOrder(order), order.id),
|
||||
g: common_vendor.o(($event) => goToPay(order), order.id)
|
||||
} : {}, {
|
||||
g: order.orderStatus === "待发货"
|
||||
h: order.orderStatus === "待发货"
|
||||
}, order.orderStatus === "待发货" ? {} : {}, {
|
||||
h: order.orderStatus === "待收货"
|
||||
}, order.orderStatus === "待收货" ? {} : {}, {
|
||||
i: order.orderStatus === "已退款"
|
||||
}, order.orderStatus === "已退款" ? {} : {}, {
|
||||
j: common_vendor.o(() => {
|
||||
i: order.orderStatus === "待收货"
|
||||
}, order.orderStatus === "待收货" ? {
|
||||
j: common_vendor.o(($event) => viewLogistics(order.id), order.id),
|
||||
k: common_vendor.o(($event) => confirm(), order.id)
|
||||
} : {}, {
|
||||
l: order.orderStatus === "已退款" || order.orderStatus === "交易关闭"
|
||||
}, order.orderStatus === "已退款" || order.orderStatus === "交易关闭" ? {
|
||||
m: common_vendor.o(($event) => deleteOrder(), order.id)
|
||||
} : {}, {
|
||||
n: common_vendor.o(() => {
|
||||
}, order.id),
|
||||
k: order.id,
|
||||
l: common_vendor.o(($event) => goToText(order), order.id)
|
||||
o: order.id,
|
||||
p: common_vendor.o(($event) => goToText(order), order.id)
|
||||
});
|
||||
})
|
||||
};
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
<view class="flex-row relative page data-v-7d0f2622"><view class="flex-row justify-center items-center section_2 pos data-v-7d0f2622"><image class="image data-v-7d0f2622" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FVrgKnxCu-sousuo.png"/><text class="font text ml-4 data-v-7d0f2622">搜索订单</text></view><view class="flex-col section_44 data-v-7d0f2622"><view class="flex-row justify-between self-stretch groupp data-v-7d0f2622"><view class="{{['font_22', 'data-v-7d0f2622', a && 'active', b && 'selected']}}" bindtap="{{c}}"> 全部 </view><view class="{{['font_22', 'data-v-7d0f2622', d && 'active', e && 'selected']}}" bindtap="{{f}}"> 待支付 </view><view class="{{['font_22', 'data-v-7d0f2622', g && 'active', h && 'selected']}}" bindtap="{{i}}"> 待发货 </view><view class="{{['font_22', 'data-v-7d0f2622', j && 'active', k && 'selected']}}" bindtap="{{l}}"> 已发货 </view><view class="{{['font_22', 'data-v-7d0f2622', m && 'active', n && 'selected']}}" bindtap="{{o}}"> 售后/退款 </view></view><view class="flex-col pos_8 data-v-7d0f2622"><view wx:for="{{p}}" wx:for-item="order" wx:key="k" class="flex-col section_4 list-item_1 mt-14 data-v-7d0f2622" bindtap="{{order.l}}"><view class="flex-col data-v-7d0f2622"><view class="flex-row items-center self-stretch mt-2 data-v-7d0f2622"><text class="font_4 data-v-7d0f2622">订单编号：</text><text class="font_5 ml-5 data-v-7d0f2622">{{order.a}}</text></view></view><view class="flex-col group data-v-7d0f2622"><view wx:for="{{order.b}}" wx:for-item="item" wx:key="f" class="flex-row justify-between list-item group_3 data-v-7d0f2622"><view class="flex-row data-v-7d0f2622"><image class="image_2 data-v-7d0f2622" src="{{item.a}}"/><view class="flex-col self-start group_1 ml-18 data-v-7d0f2622"><view class="flex-row self-stretch data-v-7d0f2622"><text class="font data-v-7d0f2622">{{item.b}}</text><text class="font text_10 data-v-7d0f2622">【{{item.c}}】</text></view><text class="self-start font_7 text_12 mt-36 data-v-7d0f2622">x{{item.d}}</text></view></view><view class="flex-row items-center self-start group_2 data-v-7d0f2622"> ￥ {{item.e}}</view></view></view><view class="divider view_1 data-v-7d0f2622"></view><view class="flex-row justify-end items-center view data-v-7d0f2622"><text class="font_9 text_16 data-v-7d0f2622">总 金额：</text><image class="image_4 image_5 data-v-7d0f2622" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FJmxvlQvD-rmbpink.png"/><text class="font_8 text_17 data-v-7d0f2622">{{order.c}}</text></view><view class="data-v-7d0f2622" catchtap="{{order.j}}"><view wx:if="{{order.d}}" class="flex-row justify-end group_7 data-v-7d0f2622"><view class="flex-col justify-start items-center text-wrapper data-v-7d0f2622" bindtap="{{order.e}}"><text class="font text_18 data-v-7d0f2622">取消订单</text></view><view class="flex-col justify-start items-center text-wrapper_2 ml-14 data-v-7d0f2622" bindtap="{{order.f}}"><text class="font_3 data-v-7d0f2622">去支付</text></view></view><view wx:if="{{order.g}}" class="flex-row justify-end group_7 data-v-7d0f2622"><view class="flex-col justify-start items-center text-wrapper_2 ml-14 data-v-7d0f2622"><text class="font_3 data-v-7d0f2622">联系客服</text></view></view><view wx:if="{{order.h}}" class="flex-row justify-end group_7 data-v-7d0f2622"><view class="flex-col justify-start items-center text-wrapper_2 ml-14 data-v-7d0f2622"><text class="font_3 data-v-7d0f2622">查看物流</text></view></view><view wx:if="{{order.i}}" class="flex-row justify-end group_7 data-v-7d0f2622"><view class="flex-col justify-start items-center text-wrapper data-v-7d0f2622"><text class="font text_18 data-v-7d0f2622">删除订单</text></view></view></view></view></view></view></view>
|
||||
<view class="flex-row relative page data-v-7d0f2622"><view class="flex-row justify-center items-center section_2 pos data-v-7d0f2622"><image class="image data-v-7d0f2622" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FVrgKnxCu-sousuo.png"/><text class="font text ml-4 data-v-7d0f2622">搜索订单</text></view><view class="flex-col section_44 data-v-7d0f2622"><view class="flex-row justify-between self-stretch groupp data-v-7d0f2622"><view class="{{['font_22', 'data-v-7d0f2622', a && 'active', b && 'selected']}}" bindtap="{{c}}"> 全部 </view><view class="{{['font_22', 'data-v-7d0f2622', d && 'active', e && 'selected']}}" bindtap="{{f}}"> 待支付 </view><view class="{{['font_22', 'data-v-7d0f2622', g && 'active', h && 'selected']}}" bindtap="{{i}}"> 待发货 </view><view class="{{['font_22', 'data-v-7d0f2622', j && 'active', k && 'selected']}}" bindtap="{{l}}"> 已发货 </view><view class="{{['font_22', 'data-v-7d0f2622', m && 'active', n && 'selected']}}" bindtap="{{o}}"> 售后/退款 </view></view><view class="flex-col pos_8 data-v-7d0f2622"><view wx:for="{{p}}" wx:for-item="order" wx:key="o" class="flex-col section_4 list-item_1 mt-14 data-v-7d0f2622" bindtap="{{order.p}}"><view class="flex-col data-v-7d0f2622"><view class="flex-row items-center self-stretch mt-2 data-v-7d0f2622"><text class="font_4 data-v-7d0f2622">订单编号：</text><text class="font_5 ml-5 data-v-7d0f2622">{{order.a}}</text><text class="font_status text_5 data-v-7d0f2622">{{order.b}}</text></view></view><view class="flex-col group data-v-7d0f2622"><view wx:for="{{order.c}}" wx:for-item="item" wx:key="f" class="flex-row justify-between list-item group_3 data-v-7d0f2622"><view class="flex-row data-v-7d0f2622"><image class="image_2 data-v-7d0f2622" src="{{item.a}}"/><view class="flex-col self-start group_1 ml-18 data-v-7d0f2622"><view class="flex-row self-stretch data-v-7d0f2622"><text class="font data-v-7d0f2622">{{item.b}}</text><text class="font text_10 data-v-7d0f2622">【{{item.c}}】</text></view><text class="self-start font_7 text_12 mt-36 data-v-7d0f2622">x{{item.d}}</text></view></view><view class="flex-row items-center self-start group_2 data-v-7d0f2622"> ￥ {{item.e}}</view></view></view><view class="divider view_1 data-v-7d0f2622"></view><view class="flex-row justify-end items-center view data-v-7d0f2622"><text class="font_9 text_16 data-v-7d0f2622">总 金额：</text><image class="image_4 image_5 data-v-7d0f2622" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FJmxvlQvD-rmbpink.png"/><text class="font_8 text_17 data-v-7d0f2622">{{order.d}}</text></view><view class="data-v-7d0f2622" catchtap="{{order.n}}"><view wx:if="{{order.e}}" class="flex-row justify-end group_7 data-v-7d0f2622"><view class="flex-col justify-start items-center text-wrapper data-v-7d0f2622" bindtap="{{order.f}}"><text class="font text_18 data-v-7d0f2622">取消订单</text></view><view class="flex-col justify-start items-center text-wrapper_2 ml-14 data-v-7d0f2622" bindtap="{{order.g}}"><text class="font_3 data-v-7d0f2622">去支付</text></view></view><view wx:if="{{order.h}}" class="flex-row justify-end group_7 data-v-7d0f2622"><view class="flex-col justify-start items-center text-wrapper_2 ml-14 data-v-7d0f2622"><text class="font_3 data-v-7d0f2622">联系客服</text></view></view><view wx:if="{{order.i}}" class="flex-row justify-end group_7 data-v-7d0f2622"><view class="flex-col justify-start items-center text-wrapper_2 ml-14 data-v-7d0f2622" bindtap="{{order.j}}"><text class="font_3 data-v-7d0f2622">查看物流</text></view><view class="flex-col justify-start items-center text-wrapper ml-14 data-v-7d0f2622" bindtap="{{order.k}}"><text class="font data-v-7d0f2622">确认收货</text></view></view><view wx:if="{{order.l}}" class="flex-row justify-end group_7 data-v-7d0f2622"><view class="flex-col justify-start items-center text-wrapper data-v-7d0f2622" bindtap="{{order.m}}"><text class="font text_18 data-v-7d0f2622">删除订单</text></view></view></view></view></view></view></view>
|
||||
|
|
@ -533,6 +533,14 @@ text.data-v-7d0f2622 {
|
|||
.list-item_1.data-v-7d0f2622:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.list-item_1.data-v-7d0f2622:last-child {
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
.font_status.data-v-7d0f2622 {
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 25.54rpx;
|
||||
color: #ffaaa5;
|
||||
}
|
||||
.font_3.data-v-7d0f2622 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: FangZhengFonts;
|
||||
|
|
@ -540,7 +548,7 @@ text.data-v-7d0f2622 {
|
|||
color: #ffaaa5;
|
||||
}
|
||||
.text_5.data-v-7d0f2622 {
|
||||
margin-right: 8.08rpx;
|
||||
margin: 0 8.08rpx 0 180rpx;
|
||||
line-height: 24.62rpx;
|
||||
}
|
||||
.font_4.data-v-7d0f2622 {
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
|
|
@ -1,6 +0,0 @@
|
|||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"uni-data-picker": "../../../uni_modules/uni-data-picker/components/uni-data-picker/uni-data-picker"
|
||||
}
|
||||
}
|
||||
|
|
@ -1 +0,0 @@
|
|||
<view class="data-v-894f3f9a"><uni-data-picker wx:if="{{f}}" class="data-v-894f3f9a" u-s="{{['d']}}" bindchange="{{d}}" bindnodeclick="{{e}}" u-i="894f3f9a-0" bind:__l="__l" u-p="{{f}}"><view wx:for="{{a}}" wx:for-item="v0" wx:key="a" slot="{{v0.b}}"><view class="picker data-v-894f3f9a" style="{{c}}">{{b}}</view></view></uni-data-picker></view>
|
||||
|
|
@ -1,6 +0,0 @@
|
|||
/* 水平间距 */
|
||||
/* 水平间距 */
|
||||
.picker.data-v-894f3f9a {
|
||||
font-size: 35rpx;
|
||||
line-height: 100rpx;
|
||||
}
|
||||
|
|
@ -58,15 +58,18 @@ const _sfc_main = {
|
|||
bottomBtn.value = "删除订单";
|
||||
}
|
||||
};
|
||||
const stateSubmit = () => {
|
||||
const stateSubmit = (obj) => {
|
||||
if (bottomBtn.value === "立即支付") {
|
||||
wxPay(oid.value);
|
||||
} else if (bottomBtn.value === "删除订单") {
|
||||
console.log("订单被删除");
|
||||
} else {
|
||||
console.log("查看物流");
|
||||
} else if (bottomBtn.value === "查看物流") {
|
||||
viewLogistics(obj.id);
|
||||
}
|
||||
};
|
||||
const confirm = () => {
|
||||
console.log("确认收货方法");
|
||||
};
|
||||
const wxPay = async (oid2) => {
|
||||
try {
|
||||
const res = await common_vendor.index.request({
|
||||
|
|
@ -111,15 +114,46 @@ const _sfc_main = {
|
|||
await getOrderItem();
|
||||
await setBottomText();
|
||||
};
|
||||
const viewLogistics = (oid2) => {
|
||||
common_vendor.index.request({
|
||||
url: api_request.baseUrl + "/logistics/get/info",
|
||||
method: "POST",
|
||||
data: {
|
||||
id: oid2
|
||||
},
|
||||
header: {
|
||||
"cookie": common_vendor.wx$1.getStorageSync("cookie")
|
||||
},
|
||||
success: (res) => {
|
||||
console.log(res.data.data);
|
||||
waybillToken = res.data.data.waybill_token;
|
||||
plugin.openWaybillTracking({
|
||||
waybillToken
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
const copy = (orderNumber) => {
|
||||
console.log("订单编号为--->", orderNumber);
|
||||
common_vendor.index.setClipboardData({
|
||||
data: orderNumber,
|
||||
success: () => {
|
||||
common_vendor.index.showToast({
|
||||
title: "成功复制到剪贴板"
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
return (_ctx, _cache) => {
|
||||
return common_vendor.e({
|
||||
a: stateObject.value.img,
|
||||
b: common_vendor.t(stateObject.value.msg),
|
||||
c: common_vendor.t(addressInfo.value.name),
|
||||
d: common_vendor.t(addressInfo.value.phone),
|
||||
e: common_vendor.t(addressInfo.value.region),
|
||||
f: common_vendor.t(addressInfo.value.detailAddress),
|
||||
g: common_vendor.f(productList.value, (item, index, i0) => {
|
||||
c: common_vendor.t(stateObject.value.tips),
|
||||
d: common_vendor.t(addressInfo.value.name),
|
||||
e: common_vendor.t(addressInfo.value.phone),
|
||||
f: common_vendor.t(addressInfo.value.region),
|
||||
g: common_vendor.t(addressInfo.value.detailAddress),
|
||||
h: common_vendor.f(productList.value, (item, index, i0) => {
|
||||
return {
|
||||
a: item.goodSnapshot.goodImg.split(";")[0],
|
||||
b: common_vendor.t(item.goodSnapshot.name),
|
||||
|
|
@ -129,30 +163,35 @@ const _sfc_main = {
|
|||
f: index
|
||||
};
|
||||
}),
|
||||
h: common_vendor.t(orderObject.value.note),
|
||||
i: common_vendor.t(orderObject.value.orderNumber),
|
||||
j: common_vendor.t(orderObject.value.createTime),
|
||||
k: stateObject.value.state === "已退款"
|
||||
i: common_vendor.t(orderObject.value.note),
|
||||
j: common_vendor.o(($event) => copy(orderObject.value.orderNumber)),
|
||||
k: common_vendor.t(orderObject.value.orderNumber),
|
||||
l: common_vendor.t(orderObject.value.createTime),
|
||||
m: stateObject.value.state === "已退款"
|
||||
}, stateObject.value.state === "已退款" ? {
|
||||
l: common_vendor.t(orderObject.value.updateTime)
|
||||
n: common_vendor.t(orderObject.value.updateTime)
|
||||
} : {}, {
|
||||
m: stateObject.value.state === "待收货"
|
||||
o: stateObject.value.state === "待收货"
|
||||
}, stateObject.value.state === "待收货" ? {
|
||||
n: common_vendor.t(orderObject.value.trackingNumber)
|
||||
p: common_vendor.t(orderObject.value.trackingNumber)
|
||||
} : {}, {
|
||||
o: stateObject.value.state === "交易成功"
|
||||
q: stateObject.value.state === "交易成功"
|
||||
}, stateObject.value.state === "交易成功" ? {
|
||||
p: common_vendor.t(orderObject.value.updateTime)
|
||||
r: common_vendor.t(orderObject.value.updateTime)
|
||||
} : {}, {
|
||||
q: stateObject.value.state != "交易成功"
|
||||
s: stateObject.value.state != "交易成功"
|
||||
}, stateObject.value.state != "交易成功" ? common_vendor.e({
|
||||
r: common_vendor.t(orderObject.value.totalAmount),
|
||||
s: bottomBtn.value != "联系客服"
|
||||
t: common_vendor.t(orderObject.value.totalAmount),
|
||||
v: bottomBtn.value != "联系客服"
|
||||
}, bottomBtn.value != "联系客服" ? {
|
||||
t: common_vendor.t(bottomBtn.value),
|
||||
v: common_vendor.o(stateSubmit)
|
||||
w: common_vendor.t(bottomBtn.value),
|
||||
x: common_vendor.o(($event) => stateSubmit(orderObject.value))
|
||||
} : {}, {
|
||||
w: bottomBtn.value === "联系客服"
|
||||
y: bottomBtn.value === "查看物流"
|
||||
}, bottomBtn.value === "查看物流" ? {
|
||||
z: common_vendor.o(($event) => confirm())
|
||||
} : {}, {
|
||||
A: bottomBtn.value === "联系客服"
|
||||
}, bottomBtn.value === "联系客服" ? {} : {}) : {});
|
||||
};
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
<view class="flex-col page data-v-e92dd7c8"><view class="flex-row items-center section_2 data-v-e92dd7c8"><image class="image data-v-e92dd7c8" src="{{a}}"/><view class="flex-col items-start flex-1 ml-6 data-v-e92dd7c8"><text class="font text data-v-e92dd7c8">{{b}}</text><text class="text_2 mt-4 data-v-e92dd7c8">请于15分钟内付款，超时订单将自动关闭</text></view></view><view class="flex-row justify-between items-center section_3 data-v-e92dd7c8"><view class="flex-col group data-v-e92dd7c8"><text class="self-start font text_3 data-v-e92dd7c8">{{c}} {{d}}</text><view class="flex-row items-center self-stretch data-v-e92dd7c8"><image class="image_2 data-v-e92dd7c8" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FXZHjzkRH-dingwei.png"/><text class="font_2 text_4 ml-9 data-v-e92dd7c8">{{e}}</text></view><text class="self-end font_2 text_6 data-v-e92dd7c8">{{f}}</text></view></view><view class="flex-col section_4 data-v-e92dd7c8"><view class="flex-col data-v-e92dd7c8"><view wx:for="{{g}}" wx:for-item="item" wx:key="f" class="flex-row justify-between goodsBox data-v-e92dd7c8"><view class="flex-row data-v-e92dd7c8"><image class="image_4 data-v-e92dd7c8" src="{{item.a}}"/><view class="flex-col group_2 ml-17 data-v-e92dd7c8"><view class="flex-row data-v-e92dd7c8"><text class="font data-v-e92dd7c8">{{item.b}}</text><text class="font text_11 data-v-e92dd7c8">【{{item.c}}】</text></view><view class="flex-row items-center mt-53 data-v-e92dd7c8"><image class="image_5 data-v-e92dd7c8" src="https://ide.code.fun/api/image?token=6764d712797f850011f38d7b&name=2a1f46d015a316fa98edfbdad0f9921f.png"/><text class="font_3 data-v-e92dd7c8">{{item.d}}</text></view></view></view><text class="self-start font_5 text_8 text_1 data-v-e92dd7c8">×{{item.e}}</text></view></view><view class="flex-col group_7 mt-6 data-v-e92dd7c8"><text class="self-start font_6 text_18 data-v-e92dd7c8">买家留言</text><view class="flex-col justify-start self-stretch relative group_8 mt-5 data-v-e92dd7c8"><view class="group_9 data-v-e92dd7c8"></view><text class="font_6 text_19 pos_4 data-v-e92dd7c8">{{h}}</text></view></view><view class="flex-row justify-between items-center mt-6 data-v-e92dd7c8"><text class="font_6 text_20 data-v-e92dd7c8">订单编号：</text><view class="flex-row items-center group_11 data-v-e92dd7c8"><view class="flex-col justify-start items-center text-wrapper view data-v-e92dd7c8"><text class="font_7 text_22 data-v-e92dd7c8">复制</text></view><text class="font_4 text_21 data-v-e92dd7c8">{{i}}</text></view></view><view class="flex-row justify-between items-center mt-6 data-v-e92dd7c8"><text class="font_6 text_23 data-v-e92dd7c8">创建时间：</text><text class="font_4 text_24 data-v-e92dd7c8">{{j}}</text></view><view wx:if="{{k}}" class="flex-row justify-between items-baseline group_1 mt-6 data-v-e92dd7c8"><text class="font_6 text_25 data-v-e92dd7c8">退款时间：</text><text class="font_4 text_26 data-v-e92dd7c8">{{l}}</text></view><view wx:if="{{m}}" class="flex-row justify-between group_16 mt-6 data-v-e92dd7c8"><text class="font_6 text_27 data-v-e92dd7c8">物流单号：</text><view class="flex-row items-center group_14 data-v-e92dd7c8"><text class="font_4 data-v-e92dd7c8">{{n}}</text><view class="flex-col justify-start items-center shrink-0 text-wrapper ml-5 data-v-e92dd7c8"><text class="font_7 text_22 data-v-e92dd7c8">复制</text></view></view></view><view wx:if="{{o}}" class="flex-row justify-between items-baseline mt-6 data-v-e92dd7c8"><text class="font_6 text_28 data-v-e92dd7c8">成交时间：</text><text class="font_4 text_29 data-v-e92dd7c8">{{p}}</text></view></view><view wx:if="{{q}}" class="flex-row justify-between items-center section_5 data-v-e92dd7c8"><view class="flex-row items-center data-v-e92dd7c8"><text class="font_8 text_30 data-v-e92dd7c8">合计：</text><image class="shrink-0 image_8 data-v-e92dd7c8" src="https://ide.code.fun/api/image?token=6764d712797f850011f38d7b&name=549b29459342a9a09d24834be40eb53b.png"/><text class="text_31 data-v-e92dd7c8">{{r}}</text></view><view wx:if="{{s}}" class="flex-col justify-start items-center text-wrapper_2 data-v-e92dd7c8" bindtap="{{v}}"><text class="font_8 text_32 data-v-e92dd7c8">{{t}}</text></view><button wx:if="{{w}}" class="text-wrapper_3 data-v-e92dd7c8" open-type="contact" bindcontact="handleContact" session-from="sessionFrom"><text class="font_8 text_32 data-v-e92dd7c8">联系客服</text></button></view></view>
|
||||
<view class="flex-col page data-v-e92dd7c8"><view class="flex-row items-center section_2 data-v-e92dd7c8"><image class="image data-v-e92dd7c8" src="{{a}}"/><view class="flex-col items-start flex-1 ml-6 data-v-e92dd7c8"><text class="font text data-v-e92dd7c8">{{b}}</text><text class="text_2 mt-4 data-v-e92dd7c8">{{c}}</text></view></view><view class="flex-row justify-between items-center section_3 data-v-e92dd7c8"><view class="flex-col group data-v-e92dd7c8"><text class="self-start font text_3 data-v-e92dd7c8">{{d}} {{e}}</text><view class="flex-row items-center self-stretch data-v-e92dd7c8"><image class="image_2 data-v-e92dd7c8" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FXZHjzkRH-dingwei.png"/><text class="font_2 text_4 ml-9 data-v-e92dd7c8">{{f}}</text></view><text class="self-end font_2 text_6 data-v-e92dd7c8">{{g}}</text></view></view><view class="flex-col section_4 data-v-e92dd7c8"><view class="flex-col data-v-e92dd7c8"><view wx:for="{{h}}" wx:for-item="item" wx:key="f" class="flex-row justify-between goodsBox data-v-e92dd7c8"><view class="flex-row data-v-e92dd7c8"><image class="image_4 data-v-e92dd7c8" src="{{item.a}}"/><view class="flex-col group_2 ml-17 data-v-e92dd7c8"><view class="flex-row data-v-e92dd7c8"><text class="font data-v-e92dd7c8">{{item.b}}</text><text class="font text_11 data-v-e92dd7c8">【{{item.c}}】</text></view><view class="flex-row items-center mt-53 data-v-e92dd7c8"><image class="image_5 data-v-e92dd7c8" src="https://ide.code.fun/api/image?token=6764d712797f850011f38d7b&name=2a1f46d015a316fa98edfbdad0f9921f.png"/><text class="font_3 data-v-e92dd7c8">{{item.d}}</text></view></view></view><text class="self-start font_5 text_8 text_1 data-v-e92dd7c8">×{{item.e}}</text></view></view><view class="flex-col group_7 mt-6 data-v-e92dd7c8"><text class="self-start font_6 text_18 data-v-e92dd7c8">买家留言</text><view class="flex-col justify-start self-stretch relative group_8 mt-5 data-v-e92dd7c8"><view class="group_9 data-v-e92dd7c8"></view><text class="font_6 text_19 pos_4 data-v-e92dd7c8">{{i}}</text></view></view><view class="flex-row justify-between items-center mt-6 data-v-e92dd7c8"><text class="font_6 text_20 data-v-e92dd7c8">订单编号：</text><view class="flex-row items-center group_11 data-v-e92dd7c8"><view class="flex-col justify-start items-center text-wrapper view data-v-e92dd7c8" bindtap="{{j}}"><text class="font_7 text_22 data-v-e92dd7c8">复制</text></view><text class="font_4 text_21 data-v-e92dd7c8">{{k}}</text></view></view><view class="flex-row justify-between items-center mt-6 data-v-e92dd7c8"><text class="font_6 text_23 data-v-e92dd7c8">创建时间：</text><text class="font_4 text_24 data-v-e92dd7c8">{{l}}</text></view><view wx:if="{{m}}" class="flex-row justify-between items-baseline group_1 mt-6 data-v-e92dd7c8"><text class="font_6 text_25 data-v-e92dd7c8">退款时间：</text><text class="font_4 text_26 data-v-e92dd7c8">{{n}}</text></view><view wx:if="{{o}}" class="flex-row justify-between group_16 mt-6 data-v-e92dd7c8"><text class="font_6 text_27 data-v-e92dd7c8">物流单号：</text><view class="flex-row items-center group_14 data-v-e92dd7c8"><text class="font_4 data-v-e92dd7c8">{{p}}</text></view></view><view wx:if="{{q}}" class="flex-row justify-between items-baseline mt-6 data-v-e92dd7c8"><text class="font_6 text_28 data-v-e92dd7c8">成交时间：</text><text class="font_4 text_29 data-v-e92dd7c8">{{r}}</text></view></view><view wx:if="{{s}}" class="flex-row justify-between items-center section_5 data-v-e92dd7c8"><view class="flex-row items-center data-v-e92dd7c8"><text class="font_8 text_30 data-v-e92dd7c8">合计：</text><image class="shrink-0 image_8 data-v-e92dd7c8" src="https://ide.code.fun/api/image?token=6764d712797f850011f38d7b&name=549b29459342a9a09d24834be40eb53b.png"/><text class="text_31 data-v-e92dd7c8">{{t}}</text></view><view wx:if="{{v}}" class="flex-col justify-start items-center text-wrapper_2 data-v-e92dd7c8" bindtap="{{x}}"><text class="font_8 text_32 data-v-e92dd7c8">{{w}}</text></view><view wx:if="{{y}}" class="flex-col justify-start items-center text-wrapper_2 data-v-e92dd7c8" bindtap="{{z}}"><text class="font_8 text_32 data-v-e92dd7c8">确认收货</text></view><button wx:if="{{A}}" class="text-wrapper_3 data-v-e92dd7c8" open-type="contact" bindcontact="handleContact" session-from="sessionFrom"><text class="font_8 text_32 data-v-e92dd7c8">联系客服</text></button></view></view>
|
||||
|
|
@ -422,7 +422,7 @@ text.data-v-e92dd7c8 {
|
|||
.page.data-v-e92dd7c8 {
|
||||
padding-top: 17.25rpx;
|
||||
background-color: #f8e8c1;
|
||||
background-image: url("https://ide.code.fun/api/image?token=6764d712797f850011f38d7b&name=b87e8545124c67f43b5de0d4813f79b5.png");
|
||||
background-image: url("https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FQfLHXSAU-feiyigongfangbeijin.png");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 100%;
|
||||
|
|
@ -613,7 +613,7 @@ text.data-v-e92dd7c8 {
|
|||
line-height: 24.71rpx;
|
||||
}
|
||||
.text_24.data-v-e92dd7c8 {
|
||||
margin-right: 132.38rpx;
|
||||
margin-right: 26.38rpx;
|
||||
}
|
||||
.group_1.data-v-e92dd7c8 {
|
||||
padding: 0 2.38rpx;
|
||||
|
|
|
|||
|
|
@ -166,10 +166,6 @@ const _sfc_main = {
|
|||
console.log("支付成功res--->", res2);
|
||||
},
|
||||
fail(e) {
|
||||
common_vendor.index.showModal({
|
||||
content: "支付失败，原因为:" + e.errMsg,
|
||||
showCancel: false
|
||||
});
|
||||
common_vendor.index.redirectTo({
|
||||
url: "/pages/order/product-paysuccess/product-paysuccess?oid=" + JSON.stringify(oid)
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,8 +0,0 @@
|
|||
"use strict";
|
||||
const common_vendor = require("../../../common/vendor.js");
|
||||
const _sfc_main = {};
|
||||
function _sfc_render(_ctx, _cache) {
|
||||
return {};
|
||||
}
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-4d02f7b2"], ["__file", "D:/微信小程序/课设整合/匠承非遗小程序端/jiangchengfeiyi-xiaochengxu/pages/service/productDetail/productDetail.vue"]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
|
|
@ -1,4 +0,0 @@
|
|||
{
|
||||
"navigationBarTitleText": "",
|
||||
"usingComponents": {}
|
||||
}
|
||||
|
|
@ -1 +0,0 @@
|
|||
<view class="flex-col page data-v-4d02f7b2"><view class="flex-col data-v-4d02f7b2"><view class="flex-row justify-between group data-v-4d02f7b2"><view class="flex-row items-end data-v-4d02f7b2"><view class="flex-col justify-start items-end image-wrapper data-v-4d02f7b2"><image class="image data-v-4d02f7b2" src="https://ide.code.fun/api/image?token=673992edc471750012df23be&name=764c28fa933e84fab043d3accbf2bbec.png"/></view><view class="flex-col group_2 ml-14 data-v-4d02f7b2"><view class="self-start group_3 data-v-4d02f7b2"><text class="text data-v-4d02f7b2">￥</text><text class="text_2 data-v-4d02f7b2">99</text></view><view class="flex-row self-stretch group_4 data-v-4d02f7b2"><text class="font data-v-4d02f7b2">请选择</text><text class="font ml-9 data-v-4d02f7b2">场次</text></view><text class="self-start font text_1 data-v-4d02f7b2">数量：20</text></view></view><image class="self-start image_2 data-v-4d02f7b2" src="https://ide.code.fun/api/image?token=673992edc471750012df23be&name=037e673ff4e043469617699bd3d80b2f.png"/></view><view class="flex-col justify-start items-start text-wrapper data-v-4d02f7b2"><text class="font_2 text_3 data-v-4d02f7b2">参加日期：2024年11月</text></view><view class="divider data-v-4d02f7b2"></view></view><view class="flex-col group_5 data-v-4d02f7b2"><view class="flex-col group_6 data-v-4d02f7b2"><image class="shrink-0 self-start image_3 image_4 data-v-4d02f7b2" src="https://ide.code.fun/api/image?token=673992edc471750012df23be&name=958476853f8c341f67f1eb6053f9a005.png"/><view class="flex-row self-center relative grid data-v-4d02f7b2"><view class="flex-col justify-start grid-item pos_1 data-v-4d02f7b2"><view class="section data-v-4d02f7b2"></view><text class="font_3 pos data-v-4d02f7b2">11月12日</text></view><view class="flex-col justify-start grid-item_2 pos_9 data-v-4d02f7b2"><view class="section data-v-4d02f7b2"></view><text class="font_3 pos_2 data-v-4d02f7b2">11月13日</text></view><view class="flex-col justify-start items-center grid-item_3 pos_6 data-v-4d02f7b2"><text class="font_3 data-v-4d02f7b2">11月14日</text><image class="image_5 pos_3 data-v-4d02f7b2" src="https://ide.code.fun/api/image?token=673992edc471750012df23be&name=c9d6fb2a044e18583ff8a4e56c720383.png"/></view><view class="flex-col justify-start grid-item_2 pos_7 data-v-4d02f7b2"><view class="section data-v-4d02f7b2"></view><text class="font_3 text_4 pos_4 data-v-4d02f7b2">11月15日</text></view></view><image class="shrink-0 self-start image_3 image_6 data-v-4d02f7b2" src="https://ide.code.fun/api/image?token=673992edc471750012df23be&name=5482bec71b24de224668a897bd56ce5c.png"/></view><view class="flex-col mt-20 data-v-4d02f7b2"><view class="flex-col justify-start items-start text-wrapper_2 data-v-4d02f7b2"><text class="font_2 text_5 data-v-4d02f7b2">场次</text></view><view class="flex-col group_7 data-v-4d02f7b2"><view class="flex-row group_8 data-v-4d02f7b2"><view class="flex-col justify-start items-center text-wrapper_3 data-v-4d02f7b2"><text class="font_4 text_6 data-v-4d02f7b2">上午场（09:30-12:00）</text></view><view class="flex-col justify-start items-center text-wrapper_4 ml-37 data-v-4d02f7b2"><text class="font_4 text_7 data-v-4d02f7b2">下午场（13:00-16:00）</text></view></view><view class="flex-col justify-start items-start group_9 mt-24 data-v-4d02f7b2"><view class="flex-col items-start section_2 data-v-4d02f7b2"><text class="font_2 text_9 data-v-4d02f7b2">购买须知：本次课程活动最少需要到</text><text class="font_2 data-v-4d02f7b2">达5人才能进行授课</text></view></view></view></view></view><view class="flex-col justify-start items-center section_3 data-v-4d02f7b2"><view class="flex-row section_4 data-v-4d02f7b2"><text class="font_5 text_8 data-v-4d02f7b2">购</text><text class="font_5 ml-18 data-v-4d02f7b2">买</text></view></view></view>
|
||||
|
|
@ -1,686 +0,0 @@
|
|||
/* 水平间距 */
|
||||
/* 水平间距 */
|
||||
/************************************************************
|
||||
** 请将全局样式拷贝到项目的全局 CSS 文件或者当前页面的顶部 **
|
||||
** 否则页面将无法正常显示 **
|
||||
************************************************************/
|
||||
html.data-v-4d02f7b2 {
|
||||
font-size: 16px;
|
||||
}
|
||||
body.data-v-4d02f7b2 {
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',
|
||||
'Droid Sans', 'Helvetica Neue', 'Microsoft Yahei', sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
view.data-v-4d02f7b2,
|
||||
image.data-v-4d02f7b2,
|
||||
text.data-v-4d02f7b2 {
|
||||
box-sizing: border-box;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
#app.data-v-4d02f7b2 {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
}
|
||||
.flex-row.data-v-4d02f7b2 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
.flex-col.data-v-4d02f7b2 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.justify-start.data-v-4d02f7b2 {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.justify-end.data-v-4d02f7b2 {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.justify-center.data-v-4d02f7b2 {
|
||||
justify-content: center;
|
||||
}
|
||||
.justify-between.data-v-4d02f7b2 {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.justify-around.data-v-4d02f7b2 {
|
||||
justify-content: space-around;
|
||||
}
|
||||
.justify-evenly.data-v-4d02f7b2 {
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
.items-start.data-v-4d02f7b2 {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.items-end.data-v-4d02f7b2 {
|
||||
align-items: flex-end;
|
||||
}
|
||||
.items-center.data-v-4d02f7b2 {
|
||||
align-items: center;
|
||||
}
|
||||
.items-baseline.data-v-4d02f7b2 {
|
||||
align-items: baseline;
|
||||
}
|
||||
.items-stretch.data-v-4d02f7b2 {
|
||||
align-items: stretch;
|
||||
}
|
||||
.self-start.data-v-4d02f7b2 {
|
||||
align-self: flex-start;
|
||||
}
|
||||
.self-end.data-v-4d02f7b2 {
|
||||
align-self: flex-end;
|
||||
}
|
||||
.self-center.data-v-4d02f7b2 {
|
||||
align-self: center;
|
||||
}
|
||||
.self-baseline.data-v-4d02f7b2 {
|
||||
align-self: baseline;
|
||||
}
|
||||
.self-stretch.data-v-4d02f7b2 {
|
||||
align-self: stretch;
|
||||
}
|
||||
.flex-1.data-v-4d02f7b2 {
|
||||
flex: 1 1 0%;
|
||||
}
|
||||
.flex-auto.data-v-4d02f7b2 {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
.grow.data-v-4d02f7b2 {
|
||||
flex-grow: 1;
|
||||
}
|
||||
.grow-0.data-v-4d02f7b2 {
|
||||
flex-grow: 0;
|
||||
}
|
||||
.shrink.data-v-4d02f7b2 {
|
||||
flex-shrink: 1;
|
||||
}
|
||||
.shrink-0.data-v-4d02f7b2 {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.relative.data-v-4d02f7b2 {
|
||||
position: relative;
|
||||
}
|
||||
.ml-2.data-v-4d02f7b2 {
|
||||
margin-left: 3.75rpx;
|
||||
}
|
||||
.mt-2.data-v-4d02f7b2 {
|
||||
margin-top: 3.75rpx;
|
||||
}
|
||||
.ml-4.data-v-4d02f7b2 {
|
||||
margin-left: 7.5rpx;
|
||||
}
|
||||
.mt-4.data-v-4d02f7b2 {
|
||||
margin-top: 7.5rpx;
|
||||
}
|
||||
.ml-6.data-v-4d02f7b2 {
|
||||
margin-left: 11.25rpx;
|
||||
}
|
||||
.mt-6.data-v-4d02f7b2 {
|
||||
margin-top: 11.25rpx;
|
||||
}
|
||||
.ml-8.data-v-4d02f7b2 {
|
||||
margin-left: 15rpx;
|
||||
}
|
||||
.mt-8.data-v-4d02f7b2 {
|
||||
margin-top: 15rpx;
|
||||
}
|
||||
.ml-10.data-v-4d02f7b2 {
|
||||
margin-left: 18.75rpx;
|
||||
}
|
||||
.mt-10.data-v-4d02f7b2 {
|
||||
margin-top: 18.75rpx;
|
||||
}
|
||||
.ml-12.data-v-4d02f7b2 {
|
||||
margin-left: 22.5rpx;
|
||||
}
|
||||
.mt-12.data-v-4d02f7b2 {
|
||||
margin-top: 22.5rpx;
|
||||
}
|
||||
.ml-14.data-v-4d02f7b2 {
|
||||
margin-left: 26.25rpx;
|
||||
}
|
||||
.mt-14.data-v-4d02f7b2 {
|
||||
margin-top: 26.25rpx;
|
||||
}
|
||||
.ml-16.data-v-4d02f7b2 {
|
||||
margin-left: 30rpx;
|
||||
}
|
||||
.mt-16.data-v-4d02f7b2 {
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
.ml-18.data-v-4d02f7b2 {
|
||||
margin-left: 33.75rpx;
|
||||
}
|
||||
.mt-18.data-v-4d02f7b2 {
|
||||
margin-top: 33.75rpx;
|
||||
}
|
||||
.ml-20.data-v-4d02f7b2 {
|
||||
margin-left: 37.5rpx;
|
||||
}
|
||||
.mt-20.data-v-4d02f7b2 {
|
||||
margin-top: 37.5rpx;
|
||||
}
|
||||
.ml-22.data-v-4d02f7b2 {
|
||||
margin-left: 41.25rpx;
|
||||
}
|
||||
.mt-22.data-v-4d02f7b2 {
|
||||
margin-top: 41.25rpx;
|
||||
}
|
||||
.ml-24.data-v-4d02f7b2 {
|
||||
margin-left: 45rpx;
|
||||
}
|
||||
.mt-24.data-v-4d02f7b2 {
|
||||
margin-top: 45rpx;
|
||||
}
|
||||
.ml-26.data-v-4d02f7b2 {
|
||||
margin-left: 48.75rpx;
|
||||
}
|
||||
.mt-26.data-v-4d02f7b2 {
|
||||
margin-top: 48.75rpx;
|
||||
}
|
||||
.ml-28.data-v-4d02f7b2 {
|
||||
margin-left: 52.5rpx;
|
||||
}
|
||||
.mt-28.data-v-4d02f7b2 {
|
||||
margin-top: 52.5rpx;
|
||||
}
|
||||
.ml-30.data-v-4d02f7b2 {
|
||||
margin-left: 56.25rpx;
|
||||
}
|
||||
.mt-30.data-v-4d02f7b2 {
|
||||
margin-top: 56.25rpx;
|
||||
}
|
||||
.ml-32.data-v-4d02f7b2 {
|
||||
margin-left: 60rpx;
|
||||
}
|
||||
.mt-32.data-v-4d02f7b2 {
|
||||
margin-top: 60rpx;
|
||||
}
|
||||
.ml-34.data-v-4d02f7b2 {
|
||||
margin-left: 63.75rpx;
|
||||
}
|
||||
.mt-34.data-v-4d02f7b2 {
|
||||
margin-top: 63.75rpx;
|
||||
}
|
||||
.ml-36.data-v-4d02f7b2 {
|
||||
margin-left: 67.5rpx;
|
||||
}
|
||||
.mt-36.data-v-4d02f7b2 {
|
||||
margin-top: 67.5rpx;
|
||||
}
|
||||
.ml-38.data-v-4d02f7b2 {
|
||||
margin-left: 71.25rpx;
|
||||
}
|
||||
.mt-38.data-v-4d02f7b2 {
|
||||
margin-top: 71.25rpx;
|
||||
}
|
||||
.ml-40.data-v-4d02f7b2 {
|
||||
margin-left: 75rpx;
|
||||
}
|
||||
.mt-40.data-v-4d02f7b2 {
|
||||
margin-top: 75rpx;
|
||||
}
|
||||
.ml-42.data-v-4d02f7b2 {
|
||||
margin-left: 78.75rpx;
|
||||
}
|
||||
.mt-42.data-v-4d02f7b2 {
|
||||
margin-top: 78.75rpx;
|
||||
}
|
||||
.ml-44.data-v-4d02f7b2 {
|
||||
margin-left: 82.5rpx;
|
||||
}
|
||||
.mt-44.data-v-4d02f7b2 {
|
||||
margin-top: 82.5rpx;
|
||||
}
|
||||
.ml-46.data-v-4d02f7b2 {
|
||||
margin-left: 86.25rpx;
|
||||
}
|
||||
.mt-46.data-v-4d02f7b2 {
|
||||
margin-top: 86.25rpx;
|
||||
}
|
||||
.ml-48.data-v-4d02f7b2 {
|
||||
margin-left: 90rpx;
|
||||
}
|
||||
.mt-48.data-v-4d02f7b2 {
|
||||
margin-top: 90rpx;
|
||||
}
|
||||
.ml-50.data-v-4d02f7b2 {
|
||||
margin-left: 93.75rpx;
|
||||
}
|
||||
.mt-50.data-v-4d02f7b2 {
|
||||
margin-top: 93.75rpx;
|
||||
}
|
||||
.ml-52.data-v-4d02f7b2 {
|
||||
margin-left: 97.5rpx;
|
||||
}
|
||||
.mt-52.data-v-4d02f7b2 {
|
||||
margin-top: 97.5rpx;
|
||||
}
|
||||
.ml-54.data-v-4d02f7b2 {
|
||||
margin-left: 101.25rpx;
|
||||
}
|
||||
.mt-54.data-v-4d02f7b2 {
|
||||
margin-top: 101.25rpx;
|
||||
}
|
||||
.ml-56.data-v-4d02f7b2 {
|
||||
margin-left: 105rpx;
|
||||
}
|
||||
.mt-56.data-v-4d02f7b2 {
|
||||
margin-top: 105rpx;
|
||||
}
|
||||
.ml-58.data-v-4d02f7b2 {
|
||||
margin-left: 108.75rpx;
|
||||
}
|
||||
.mt-58.data-v-4d02f7b2 {
|
||||
margin-top: 108.75rpx;
|
||||
}
|
||||
.ml-60.data-v-4d02f7b2 {
|
||||
margin-left: 112.5rpx;
|
||||
}
|
||||
.mt-60.data-v-4d02f7b2 {
|
||||
margin-top: 112.5rpx;
|
||||
}
|
||||
.ml-62.data-v-4d02f7b2 {
|
||||
margin-left: 116.25rpx;
|
||||
}
|
||||
.mt-62.data-v-4d02f7b2 {
|
||||
margin-top: 116.25rpx;
|
||||
}
|
||||
.ml-64.data-v-4d02f7b2 {
|
||||
margin-left: 120rpx;
|
||||
}
|
||||
.mt-64.data-v-4d02f7b2 {
|
||||
margin-top: 120rpx;
|
||||
}
|
||||
.ml-66.data-v-4d02f7b2 {
|
||||
margin-left: 123.75rpx;
|
||||
}
|
||||
.mt-66.data-v-4d02f7b2 {
|
||||
margin-top: 123.75rpx;
|
||||
}
|
||||
.ml-68.data-v-4d02f7b2 {
|
||||
margin-left: 127.5rpx;
|
||||
}
|
||||
.mt-68.data-v-4d02f7b2 {
|
||||
margin-top: 127.5rpx;
|
||||
}
|
||||
.ml-70.data-v-4d02f7b2 {
|
||||
margin-left: 131.25rpx;
|
||||
}
|
||||
.mt-70.data-v-4d02f7b2 {
|
||||
margin-top: 131.25rpx;
|
||||
}
|
||||
.ml-72.data-v-4d02f7b2 {
|
||||
margin-left: 135rpx;
|
||||
}
|
||||
.mt-72.data-v-4d02f7b2 {
|
||||
margin-top: 135rpx;
|
||||
}
|
||||
.ml-74.data-v-4d02f7b2 {
|
||||
margin-left: 138.75rpx;
|
||||
}
|
||||
.mt-74.data-v-4d02f7b2 {
|
||||
margin-top: 138.75rpx;
|
||||
}
|
||||
.ml-76.data-v-4d02f7b2 {
|
||||
margin-left: 142.5rpx;
|
||||
}
|
||||
.mt-76.data-v-4d02f7b2 {
|
||||
margin-top: 142.5rpx;
|
||||
}
|
||||
.ml-78.data-v-4d02f7b2 {
|
||||
margin-left: 146.25rpx;
|
||||
}
|
||||
.mt-78.data-v-4d02f7b2 {
|
||||
margin-top: 146.25rpx;
|
||||
}
|
||||
.ml-80.data-v-4d02f7b2 {
|
||||
margin-left: 150rpx;
|
||||
}
|
||||
.mt-80.data-v-4d02f7b2 {
|
||||
margin-top: 150rpx;
|
||||
}
|
||||
.ml-82.data-v-4d02f7b2 {
|
||||
margin-left: 153.75rpx;
|
||||
}
|
||||
.mt-82.data-v-4d02f7b2 {
|
||||
margin-top: 153.75rpx;
|
||||
}
|
||||
.ml-84.data-v-4d02f7b2 {
|
||||
margin-left: 157.5rpx;
|
||||
}
|
||||
.mt-84.data-v-4d02f7b2 {
|
||||
margin-top: 157.5rpx;
|
||||
}
|
||||
.ml-86.data-v-4d02f7b2 {
|
||||
margin-left: 161.25rpx;
|
||||
}
|
||||
.mt-86.data-v-4d02f7b2 {
|
||||
margin-top: 161.25rpx;
|
||||
}
|
||||
.ml-88.data-v-4d02f7b2 {
|
||||
margin-left: 165rpx;
|
||||
}
|
||||
.mt-88.data-v-4d02f7b2 {
|
||||
margin-top: 165rpx;
|
||||
}
|
||||
.ml-90.data-v-4d02f7b2 {
|
||||
margin-left: 168.75rpx;
|
||||
}
|
||||
.mt-90.data-v-4d02f7b2 {
|
||||
margin-top: 168.75rpx;
|
||||
}
|
||||
.ml-92.data-v-4d02f7b2 {
|
||||
margin-left: 172.5rpx;
|
||||
}
|
||||
.mt-92.data-v-4d02f7b2 {
|
||||
margin-top: 172.5rpx;
|
||||
}
|
||||
.ml-94.data-v-4d02f7b2 {
|
||||
margin-left: 176.25rpx;
|
||||
}
|
||||
.mt-94.data-v-4d02f7b2 {
|
||||
margin-top: 176.25rpx;
|
||||
}
|
||||
.ml-96.data-v-4d02f7b2 {
|
||||
margin-left: 180rpx;
|
||||
}
|
||||
.mt-96.data-v-4d02f7b2 {
|
||||
margin-top: 180rpx;
|
||||
}
|
||||
.ml-98.data-v-4d02f7b2 {
|
||||
margin-left: 183.75rpx;
|
||||
}
|
||||
.mt-98.data-v-4d02f7b2 {
|
||||
margin-top: 183.75rpx;
|
||||
}
|
||||
.ml-100.data-v-4d02f7b2 {
|
||||
margin-left: 187.5rpx;
|
||||
}
|
||||
.mt-100.data-v-4d02f7b2 {
|
||||
margin-top: 187.5rpx;
|
||||
}
|
||||
.ml-9.data-v-4d02f7b2 {
|
||||
margin-left: 16.88rpx;
|
||||
}
|
||||
.ml-37.data-v-4d02f7b2 {
|
||||
margin-left: 69.38rpx;
|
||||
}
|
||||
.page.data-v-4d02f7b2 {
|
||||
padding-bottom: 26.25rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 37.5rpx 37.5rpx 0rpx 0rpx;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.group.data-v-4d02f7b2 {
|
||||
padding: 28.13rpx 30rpx 3.75rpx;
|
||||
}
|
||||
.image-wrapper.data-v-4d02f7b2 {
|
||||
padding-bottom: 166.88rpx;
|
||||
border-radius: 5.63rpx;
|
||||
background-image: url("https://ide.code.fun/api/image?token=673992edc471750012df23be&name=f41b64b57071affd8eecfaa15a455af2.png");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 195rpx;
|
||||
height: 204.38rpx;
|
||||
}
|
||||
.image.data-v-4d02f7b2 {
|
||||
border-radius: 5.63rpx;
|
||||
width: 37.5rpx;
|
||||
height: 37.5rpx;
|
||||
}
|
||||
.group_2.data-v-4d02f7b2 {
|
||||
margin-bottom: 5.31rpx;
|
||||
}
|
||||
.group_3.data-v-4d02f7b2 {
|
||||
margin-left: 12.15rpx;
|
||||
line-height: 31.03rpx;
|
||||
}
|
||||
.text.data-v-4d02f7b2 {
|
||||
color: #c35c5d;
|
||||
font-size: 37.5rpx;
|
||||
font-family: Times New Roman;
|
||||
font-weight: 700;
|
||||
line-height: 27.68rpx;
|
||||
}
|
||||
.text_2.data-v-4d02f7b2 {
|
||||
color: #c35c5d;
|
||||
font-size: 45rpx;
|
||||
font-family: Times New Roman;
|
||||
font-weight: 700;
|
||||
line-height: 31.03rpx;
|
||||
}
|
||||
.group_4.data-v-4d02f7b2 {
|
||||
margin-top: 19.88rpx;
|
||||
}
|
||||
.font.data-v-4d02f7b2 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: STXingkai;
|
||||
line-height: 31.88rpx;
|
||||
color: #818181;
|
||||
}
|
||||
.text_1.data-v-4d02f7b2 {
|
||||
margin-left: 2.1rpx;
|
||||
}
|
||||
.image_2.data-v-4d02f7b2 {
|
||||
margin-right: 20.63rpx;
|
||||
margin-top: 5.63rpx;
|
||||
width: 37.5rpx;
|
||||
height: 37.5rpx;
|
||||
}
|
||||
.text-wrapper.data-v-4d02f7b2 {
|
||||
padding: 33.6rpx 0 26.89rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 28.13rpx;
|
||||
}
|
||||
.font_2.data-v-4d02f7b2 {
|
||||
font-size: 37.5rpx;
|
||||
font-family: "YuHongLiang";
|
||||
line-height: 45rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text_3.data-v-4d02f7b2 {
|
||||
margin-left: 26.46rpx;
|
||||
line-height: 37.01rpx;
|
||||
}
|
||||
.divider.data-v-4d02f7b2 {
|
||||
margin: 9.38rpx 26.27rpx 0 20.63rpx;
|
||||
background-color: #d9d9d9;
|
||||
height: 1.88rpx;
|
||||
}
|
||||
.group_5.data-v-4d02f7b2 {
|
||||
margin-top: 69.38rpx;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.group_6.data-v-4d02f7b2 {
|
||||
overflow-x: hidden;
|
||||
height: 388.13rpx;
|
||||
}
|
||||
.image_3.data-v-4d02f7b2 {
|
||||
width: 155.63rpx;
|
||||
height: 120rpx;
|
||||
}
|
||||
.image_4.data-v-4d02f7b2 {
|
||||
margin-left: -13.13rpx;
|
||||
}
|
||||
.grid.data-v-4d02f7b2 {
|
||||
margin-top: -28.13rpx;
|
||||
width: 605.63rpx;
|
||||
height: 228.75rpx;
|
||||
}
|
||||
.grid-item.data-v-4d02f7b2 {
|
||||
background-color: #fbdedf;
|
||||
border-radius: 18.75rpx;
|
||||
background-image: url("https://ide.code.fun/api/image?token=673992edc471750012df23be&name=c9d6fb2a044e18583ff8a4e56c720383.png");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 253.13rpx;
|
||||
}
|
||||
.pos_1.data-v-4d02f7b2 {
|
||||
position: absolute;
|
||||
left: 3.75rpx;
|
||||
top: 0;
|
||||
}
|
||||
.section.data-v-4d02f7b2 {
|
||||
background-image: url("https://ide.code.fun/api/image?token=673992edc471750012df23be&name=c9d6fb2a044e18583ff8a4e56c720383.png");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
height: 90rpx;
|
||||
}
|
||||
.font_3.data-v-4d02f7b2 {
|
||||
font-size: 30rpx;
|
||||
font-family: "YuHongLiang";
|
||||
line-height: 22.29rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.pos.data-v-4d02f7b2 {
|
||||
position: absolute;
|
||||
left: 57.99rpx;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.grid-item_2.data-v-4d02f7b2 {
|
||||
background-color: #ffffff;
|
||||
border-radius: 18.75rpx;
|
||||
background-image: url("https://ide.code.fun/api/image?token=673992edc471750012df23be&name=c9d6fb2a044e18583ff8a4e56c720383.png");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 253.13rpx;
|
||||
}
|
||||
.pos_9.data-v-4d02f7b2 {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
.pos_2.data-v-4d02f7b2 {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
.grid-item_3.data-v-4d02f7b2 {
|
||||
padding: 40.78rpx 0 26.92rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 18.75rpx;
|
||||
width: 253.13rpx;
|
||||
}
|
||||
.pos_6.data-v-4d02f7b2 {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 138.75rpx;
|
||||
}
|
||||
.image_5.data-v-4d02f7b2 {
|
||||
width: 255rpx;
|
||||
height: 90rpx;
|
||||
}
|
||||
.pos_3.data-v-4d02f7b2 {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.pos_7.data-v-4d02f7b2 {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 138.75rpx;
|
||||
}
|
||||
.text_4.data-v-4d02f7b2 {
|
||||
line-height: 22.65rpx;
|
||||
}
|
||||
.pos_4.data-v-4d02f7b2 {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
.image_6.data-v-4d02f7b2 {
|
||||
margin-left: 603.77rpx;
|
||||
margin-top: -52.5rpx;
|
||||
}
|
||||
.text-wrapper_2.data-v-4d02f7b2 {
|
||||
padding: 29.33rpx 0 39.94rpx;
|
||||
background-color: #fffef8;
|
||||
border-radius: 28.13rpx;
|
||||
}
|
||||
.text_5.data-v-4d02f7b2 {
|
||||
margin-left: 67.16rpx;
|
||||
line-height: 28.24rpx;
|
||||
}
|
||||
.group_7.data-v-4d02f7b2 {
|
||||
padding-left: 30rpx;
|
||||
padding-right: 15rpx;
|
||||
}
|
||||
.group_8.data-v-4d02f7b2 {
|
||||
padding: 46.88rpx 5.63rpx 43.13rpx;
|
||||
border-top: solid 1.88rpx #d9d9d9;
|
||||
}
|
||||
.text-wrapper_3.data-v-4d02f7b2 {
|
||||
padding: 17.66rpx 0 17.79rpx;
|
||||
flex: 1 1 301.88rpx;
|
||||
background-color: #f3f3f3;
|
||||
border-radius: 5.63rpx;
|
||||
height: 60rpx;
|
||||
}
|
||||
.font_4.data-v-4d02f7b2 {
|
||||
font-size: 26.25rpx;
|
||||
font-family: STXingkai;
|
||||
line-height: 24.54rpx;
|
||||
}
|
||||
.text_6.data-v-4d02f7b2 {
|
||||
color: #323233;
|
||||
}
|
||||
.text-wrapper_4.data-v-4d02f7b2 {
|
||||
margin-right: 20.63rpx;
|
||||
padding: 17.66rpx 0 17.79rpx;
|
||||
flex: 1 1 301.88rpx;
|
||||
background-color: #fbdedf;
|
||||
border-radius: 5.63rpx;
|
||||
height: 60rpx;
|
||||
}
|
||||
.text_7.data-v-4d02f7b2 {
|
||||
color: #c35c5d;
|
||||
}
|
||||
.group_9.data-v-4d02f7b2 {
|
||||
padding-top: 43.13rpx;
|
||||
height: 234.38rpx;
|
||||
border-top: solid 1.88rpx #d9d9d9;
|
||||
}
|
||||
.section_2.data-v-4d02f7b2 {
|
||||
margin-left: 24.38rpx;
|
||||
padding: 35.33rpx 0 68.63rpx 13.73rpx;
|
||||
background-color: #fff2f2f5;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.text_9.data-v-4d02f7b2 {
|
||||
margin-left: 3.64rpx;
|
||||
}
|
||||
.section_3.data-v-4d02f7b2 {
|
||||
margin-left: 15rpx;
|
||||
margin-top: 189.38rpx;
|
||||
padding: 16.88rpx 0;
|
||||
background-color: #fffef8;
|
||||
}
|
||||
.section_4.data-v-4d02f7b2 {
|
||||
padding: 27.3rpx 0 23.79rpx;
|
||||
background-color: #fbdedf;
|
||||
border-radius: 46.88rpx;
|
||||
width: 618.75rpx;
|
||||
}
|
||||
.font_5.data-v-4d02f7b2 {
|
||||
font-size: 30rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 27.54rpx;
|
||||
color: #c35c5d;
|
||||
}
|
||||
.text_8.data-v-4d02f7b2 {
|
||||
margin-left: 263.59rpx;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "YuHongLiang";
|
||||
src: url("https://carbon2.obs.cn-north-4.myhuaweicloud.com/fonts/%E4%BA%8E%E6%B4%AA%E4%BA%AE%E7%A1%AC%E7%AC%94%E8%A1%8C%E6%A5%B7%E6%89%8B%E5%86%99%E5%AD%97%E4%BD%93.TTF") format("truetype");
|
||||
}
|
||||
|
|
@ -20,12 +20,12 @@ const _sfc_main = {
|
|||
const userInfo = common_vendor.ref({});
|
||||
const labelList = common_vendor.ref([]);
|
||||
const imgArr = common_vendor.ref([]);
|
||||
const coupon = common_vendor.ref(0);
|
||||
common_vendor.onLoad((options) => {
|
||||
getProduct(JSON.parse(options.gid));
|
||||
});
|
||||
common_vendor.onShow(() => {
|
||||
userInfo.value = common_vendor.wx$1.getStorageSync("userInfo");
|
||||
console.log("商品对象--->", goodObject.value);
|
||||
});
|
||||
common_vendor.onMounted(() => {
|
||||
utils_emitter.emitter.on("close", () => {
|
||||
|
|
@ -42,6 +42,7 @@ const _sfc_main = {
|
|||
cookie: common_vendor.wx$1.getStorageSync("cookie")
|
||||
}
|
||||
});
|
||||
console.log("请求请求--->", res.data);
|
||||
if (res.data.code === 1) {
|
||||
goodObject.value = res.data.data;
|
||||
imgArr.value = res.data.data.goodImg.split(";");
|
||||
|
|
@ -76,33 +77,46 @@ const _sfc_main = {
|
|||
}
|
||||
});
|
||||
};
|
||||
const previewImage = (index) => {
|
||||
console.log(index);
|
||||
common_vendor.index.previewImage({
|
||||
current: index,
|
||||
urls: imgArr.value
|
||||
});
|
||||
};
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.f(imgArr.value, (item, index, i0) => {
|
||||
return {
|
||||
a: item,
|
||||
b: index
|
||||
b: common_vendor.o(($event) => previewImage(index), index),
|
||||
c: index
|
||||
};
|
||||
}),
|
||||
b: common_vendor.t(goodObject.value.price),
|
||||
c: common_vendor.t(goodObject.value.name),
|
||||
d: common_vendor.t(goodObject.value.introDetail),
|
||||
e: common_vendor.f(labelList.value, (item, index, i0) => {
|
||||
c: common_vendor.t(coupon.value),
|
||||
d: common_vendor.t(goodObject.value.name),
|
||||
e: goodObject.value.festivalName != null
|
||||
}, goodObject.value.festivalName != null ? {
|
||||
f: common_vendor.t(goodObject.value.festivalName)
|
||||
} : {}, {
|
||||
g: common_vendor.t(goodObject.value.introDetail),
|
||||
h: common_vendor.f(labelList.value, (item, index, i0) => {
|
||||
return {
|
||||
a: common_vendor.t(item),
|
||||
b: index
|
||||
};
|
||||
}),
|
||||
f: goodObject.value.detailImg,
|
||||
g: common_vendor.o(loadPop),
|
||||
h: common_vendor.o(jump_buy),
|
||||
i: common_vendor.sr(popup, "3361b524-0", {
|
||||
i: goodObject.value.detailImg,
|
||||
j: common_vendor.o(loadPop),
|
||||
k: common_vendor.o(jump_buy),
|
||||
l: common_vendor.sr(popup, "3361b524-0", {
|
||||
"k": "popup"
|
||||
}),
|
||||
j: common_vendor.p({
|
||||
m: common_vendor.p({
|
||||
["background-color"]: "#fff"
|
||||
})
|
||||
};
|
||||
});
|
||||
};
|
||||
}
|
||||
};
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
<view class="flex-col page data-v-3361b524"><swiper class="swiper-box data-v-3361b524"><swiper-item wx:for="{{a}}" wx:for-item="item" wx:key="b" class="data-v-3361b524"><image mode="aspectFit" class="self-stretch image data-v-3361b524" src="{{item.a}}"></image></swiper-item></swiper><view class="flex-col self-stretch section_2 data-v-3361b524"><view class="self-start group data-v-3361b524"><text class="font text_2 data-v-3361b524">￥</text><text class="text data-v-3361b524">{{b}}</text></view><view class="flex-row justify-between items-center self-stretch group_2 data-v-3361b524"><text class="text_4 data-v-3361b524">{{c}}</text><view class="flex-row items-center group_3 data-v-3361b524"><image class="image_2 data-v-3361b524" src="https://ide.code.fun/api/image?token=675941ee797f850011f20adf&name=189b2a683cb0df7c43650ce019ff639d.png"/><text class="font text_3 ml-5 data-v-3361b524">中秋节限定</text></view></view><view class="self-stretch divider view data-v-3361b524"></view><view class="flex-col self-stretch group_4 data-v-3361b524"><text class="self-stretch font_2 data-v-3361b524"> 商品简介：{{d}} <view class="data-v-3361b524"/></text></view><view class="self-stretch divider view_2 data-v-3361b524"></view><view class="flex-row items-center self-stretch group_5 data-v-3361b524"><text class="font text_5 data-v-3361b524">商品标签:</text><view wx:for="{{e}}" wx:for-item="item" wx:key="b" class="flex-col justify-start items-center text-wrapper ml-8 data-v-3361b524"><text class="font_3 text_6 data-v-3361b524">#{{item.a}}</text></view></view></view><view class="flex-col self-stretch section_3 data-v-3361b524"><text class="self-start font_4 text_10 data-v-3361b524">用户须知</text><text class="self-start font text_11 data-v-3361b524">1.发货后不接受退货、不接受7天无理由退货</text><text class="self-start font text_12 data-v-3361b524">2.商品购买后无法自主退款，需联系客服进行退款处理</text><text class="self-stretch font_2 text_13 data-v-3361b524"> 3.定制款商品购买后不接受退货退款，包售后需要录制开箱视频，并且开箱视频需要从拆包装开始 </text><text class="self-start font text_14 data-v-3361b524">4.商品售罄后的款式也可以重新预定，需等待并联系客服</text><text class="self-start font text_15 data-v-3361b524">5.定制商品的具体发货日期根据制作团队制作情况而定</text><text class="self-start font text_16 data-v-3361b524">6.只售后邮寄破损</text></view><image class="self-start image_3 data-v-3361b524" src="{{f}}"/><view class="flex-row items-center self-stretch section_4 data-v-3361b524"><view class="flex-col items-center data-v-3361b524"><image class="image_4 data-v-3361b524" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FbTRAhIQz-kefu.png"/><text class="text_19 mt-3 data-v-3361b524">客服</text></view><view class="flex-row flex-1 ml-34 data-v-3361b524"><view class="flex-col justify-start items-center text-wrapper_4 data-v-3361b524" bindtap="{{g}}"><text class="font_4 text_17 data-v-3361b524">加入购物车</text></view><view class="flex-col justify-start items-center text-wrapper_5 ml-9 data-v-3361b524" bindtap="{{h}}"><text class="font_4 text_18 data-v-3361b524">立即购买</text></view></view></view></view><uni-popup wx:if="{{j}}" class="r data-v-3361b524" u-s="{{['d']}}" u-r="popup" u-i="3361b524-0" bind:__l="__l" u-p="{{j}}"><view class="data-v-3361b524"><add-product class="data-v-3361b524" u-i="3361b524-1,3361b524-0" bind:__l="__l"></add-product></view></uni-popup>
|
||||
<view class="flex-col page data-v-3361b524"><swiper class="swiper-box data-v-3361b524"><swiper-item wx:for="{{a}}" wx:for-item="item" wx:key="c" class="data-v-3361b524"><image mode="aspectFit" class="self-stretch image data-v-3361b524" src="{{item.a}}" bindtap="{{item.b}}"></image></swiper-item></swiper><view class="flex-col self-stretch section_2 data-v-3361b524"><view class="self-start group data-v-3361b524"><text class="font text_2 data-v-3361b524">￥</text><text class="text data-v-3361b524">{{b}}</text><text class="discountsText data-v-3361b524">限时优惠{{c}}元</text></view><view class="flex-row justify-between items-center self-stretch group_2 data-v-3361b524"><text class="text_4 data-v-3361b524">{{d}}</text><view wx:if="{{e}}" class="flex-row items-center group_3 data-v-3361b524"><image class="image_2 data-v-3361b524" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FGOsbijZE-denglong.png"/><text class="font text_3 ml-5 data-v-3361b524">{{f}}限定</text></view></view><view class="self-stretch divider view data-v-3361b524"></view><view class="flex-col self-stretch group_4 data-v-3361b524"><text class="self-stretch font_2 data-v-3361b524"> 商品简介：{{g}} <view class="data-v-3361b524"/></text></view><view class="self-stretch divider view_2 data-v-3361b524"></view><view class="flex-row items-center self-stretch group_5 data-v-3361b524"><text class="font text_5 data-v-3361b524">商品标签:</text><view wx:for="{{h}}" wx:for-item="item" wx:key="b" class="flex-col justify-start items-center text-wrapper ml-8 data-v-3361b524"><text class="font_3 text_6 data-v-3361b524">#{{item.a}}</text></view></view></view><view class="flex-col self-stretch section_3 data-v-3361b524"><text class="self-start font_4 text_10 data-v-3361b524">用户须知</text><text class="self-start font text_11 data-v-3361b524">1.发货后不接受退货、不接受7天无理由退货</text><text class="self-start font text_12 data-v-3361b524">2.商品购买后无法自主退款，需联系客服进行退款处理</text><text class="self-stretch font_2 text_13 data-v-3361b524"> 3.定制款商品购买后不接受退货退款，包售后需要录制开箱视频，并且开箱视频需要从拆包装开始 </text><text class="self-start font text_14 data-v-3361b524">4.商品售罄后的款式也可以重新预定，需等待并联系客服</text><text class="self-start font text_15 data-v-3361b524">5.定制商品的具体发货日期根据制作团队制作情况而定</text><text class="self-start font text_16 data-v-3361b524">6.只售后邮寄破损</text></view><image class="self-start image_3 data-v-3361b524" src="{{i}}"/><view class="flex-row items-center self-stretch section_4 data-v-3361b524"><button class="flex-col items-center data-v-3361b524" style="background-color:#ffffff" open-type="contact" bindcontact="handleContact" session-from="sessionFrom"><image class="image_4 data-v-3361b524" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FbTRAhIQz-kefu.png"/><text class="text_19 mt-3 data-v-3361b524">客服</text></button><view class="flex-row flex-1 ml-34 data-v-3361b524"><view class="flex-col justify-start items-center text-wrapper_4 data-v-3361b524" bindtap="{{j}}"><text class="font_4 text_17 data-v-3361b524">加入购物车</text></view><view class="flex-col justify-start items-center text-wrapper_5 ml-9 data-v-3361b524" bindtap="{{k}}"><text class="font_4 text_18 data-v-3361b524">立即购买</text></view></view></view></view><uni-popup wx:if="{{m}}" class="r data-v-3361b524" u-s="{{['d']}}" u-r="popup" u-i="3361b524-0" bind:__l="__l" u-p="{{m}}"><view class="data-v-3361b524"><add-product class="data-v-3361b524" u-i="3361b524-1,3361b524-0" bind:__l="__l"></add-product></view></uni-popup>
|
||||
|
|
@ -401,6 +401,9 @@ text.data-v-3361b524 {
|
|||
.mt-100.data-v-3361b524 {
|
||||
margin-top: 187.5rpx;
|
||||
}
|
||||
button.data-v-3361b524::after {
|
||||
border: none;
|
||||
}
|
||||
.ml-5.data-v-3361b524 {
|
||||
margin-left: 9.38rpx;
|
||||
}
|
||||
|
|
@ -630,4 +633,11 @@ text.data-v-3361b524 {
|
|||
.swiper-box.data-v-3361b524 {
|
||||
width: 100%;
|
||||
height: 84.375vw;
|
||||
}
|
||||
.discountsText.data-v-3361b524 {
|
||||
color: #ff0000;
|
||||
font-size: 25rpx;
|
||||
font-family: "FangZhengFonts";
|
||||
line-height: 30.06rpx;
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
|
|
@ -9,12 +9,23 @@ const _sfc_main = {
|
|||
const headerList = common_vendor.ref([{}]);
|
||||
const productList = common_vendor.ref([{}]);
|
||||
const cookie = common_vendor.wx$1.getStorageSync("cookie");
|
||||
const items = [null, null, null, null];
|
||||
const items_1 = [null, null, null];
|
||||
const product_type = common_vendor.ref({
|
||||
type: "材料包"
|
||||
});
|
||||
common_vendor.onMounted(async () => {
|
||||
console.log("cookie--->", cookie);
|
||||
});
|
||||
common_vendor.onLoad(async (options) => {
|
||||
await Getsort();
|
||||
await changeTypes(sort.value[0], 0);
|
||||
await getFonts();
|
||||
});
|
||||
common_vendor.onPullDownRefresh(async () => {
|
||||
await Getsort();
|
||||
await changeTypes(sort.value[0], 0);
|
||||
setTimeout(() => {
|
||||
common_vendor.index.stopPullDownRefresh();
|
||||
}, 1e3);
|
||||
});
|
||||
const Getsort = async () => {
|
||||
const res = await common_vendor.index.request({
|
||||
|
|
@ -49,6 +60,7 @@ const _sfc_main = {
|
|||
};
|
||||
const changeTypes = async (item, index) => {
|
||||
currentColor.value = index;
|
||||
product_type.value.type = item.name;
|
||||
const res = await common_vendor.index.request({
|
||||
url: api_request.baseUrl + "/category/list/type",
|
||||
method: "POST",
|
||||
|
|
@ -70,18 +82,55 @@ const _sfc_main = {
|
|||
});
|
||||
}
|
||||
};
|
||||
const FontsStyle = (index) => ({
|
||||
color: currentColor.value === index ? "#C35C5D" : "#727272"
|
||||
});
|
||||
const changeImgStyle = (index) => ({
|
||||
filter: currentColor.value === index ? "drop-shadow(0rpx 7.5rpx 3.75rpx #acacac)" : "none"
|
||||
});
|
||||
const goToProduct = (item) => {
|
||||
console.log("跳转商品详情的item--->", item);
|
||||
common_vendor.index.navigateTo({
|
||||
url: "../../../pages/store-home/ProductDetails/ProductDetails?gid=" + JSON.stringify(item.id)
|
||||
});
|
||||
};
|
||||
const getFonts = () => {
|
||||
common_vendor.index.loadFontFace({
|
||||
family: "FangZhengFonts",
|
||||
source: `url("https://carbon2.obs.cn-north-4.myhuaweicloud.com/fonts/FangZhengFonts.TTF")`,
|
||||
success: (res) => {
|
||||
console.log("success", res);
|
||||
},
|
||||
fail: (err) => {
|
||||
console.log("err", err);
|
||||
}
|
||||
});
|
||||
};
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: common_vendor.f(items, (item, index, i0) => {
|
||||
a: common_vendor.f(sort.value, (item, index, i0) => {
|
||||
return {
|
||||
a: index
|
||||
a: common_vendor.s(changeImgStyle(index)),
|
||||
b: item.imgurl,
|
||||
c: common_vendor.t(item.name),
|
||||
d: common_vendor.s(FontsStyle(index)),
|
||||
e: index,
|
||||
f: common_vendor.o(($event) => changeTypes(item, index), index)
|
||||
};
|
||||
}),
|
||||
b: common_vendor.f(items_1, (item, index, i0) => {
|
||||
b: common_vendor.f(productList.value, (item, index, i0) => {
|
||||
return {
|
||||
a: index
|
||||
a: item.goodImg.split(";")[0],
|
||||
b: common_vendor.t(item.name),
|
||||
c: common_vendor.t(item.intro),
|
||||
d: common_vendor.t(item.price),
|
||||
e: common_vendor.o(() => {
|
||||
}, index),
|
||||
f: index,
|
||||
g: common_vendor.o(($event) => goToProduct(item), index)
|
||||
};
|
||||
})
|
||||
}),
|
||||
c: common_vendor.t(product_type.value.type)
|
||||
};
|
||||
};
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
{
|
||||
"navigationBarTitleText": "",
|
||||
"enablePullDownRefresh": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
|
|
@ -1 +1 @@
|
|||
<view class="flex-row relative page data-v-5f36a414"><view class="flex-row justify-between items-center section_2 pos_9 data-v-5f36a414"><text class="text data-v-5f36a414">商品</text><view class="flex-row items-center section_3 data-v-5f36a414"><image class="image data-v-5f36a414" src="https://ide.code.fun/api/image?token=675e8b75797f850011f292da&name=28ba6eb522ea75763e30176e00a6dc3a.png"/><text class="font text_2 ml-30 data-v-5f36a414">“梅花簪子”</text></view></view><image class="image_2 pos_1 data-v-5f36a414" src="https://ide.code.fun/api/image?token=675e8b75797f850011f292da&name=b76714d3da7f86025735dfadff342eb6.png"/><view class="flex-col section_4 pos_8 data-v-5f36a414"><view wx:for="{{a}}" wx:for-item="item" wx:key="a" class="flex-col items-center self-stretch relative group data-v-5f36a414"><image class="image_3 data-v-5f36a414" src="https://ide.code.fun/api/image?token=675e8b75797f850011f292da&name=46b84eacccfe4ba701e720a92c26f90d.png"/><view class="section_5 pos data-v-5f36a414"></view><text class="relative font text_5 data-v-5f36a414">发簪</text></view></view><view class="flex-row section_6 pos_2 data-v-5f36a414"><text class="font_2 text_3 data-v-5f36a414">发</text><text class="font_2 ml-12 data-v-5f36a414">簪</text></view><view class="flex-col pos_6 data-v-5f36a414"><view wx:for="{{b}}" wx:for-item="item" wx:key="a" class="flex-row list-item mt-9 data-v-5f36a414"><image class="self-center image_4 data-v-5f36a414" src="https://ide.code.fun/api/image?token=675e8b75797f850011f292da&name=c7ccccbe00e8f4c6f0fb90cc641168c7.png"/><view class="flex-col items-start self-center group_6 data-v-5f36a414"><text class="font text_14 data-v-5f36a414">琉璃发体验包</text><text class="font_3 mt-10 data-v-5f36a414">非遗材料包，匠心独运</text><text class="font_4 text_6 mt-10 data-v-5f36a414">￥750</text></view><image class="self-start image_5 data-v-5f36a414" src="https://ide.code.fun/api/image?token=675e8b75797f850011f292da&name=e20444f9a975445c969b636750776aa5.png"/></view></view></view>
|
||||
<view class="flex-row relative page data-v-5f36a414"><view class="flex-row justify-between items-center section_2 pos data-v-5f36a414"><text class="text data-v-5f36a414">商品</text><view class="flex-row items-center section_3 data-v-5f36a414"><image class="image data-v-5f36a414" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FODjBDedI-sousuo.png"/><input class="text-wrapper data-v-5f36a414" placeholder="“梅花簪子”"/></view></view><image class="image_2 pos_2 data-v-5f36a414" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FloZarLZD-%E6%B5%8B%E8%AF%95%E6%8F%92%E5%85%A5.jpg"/><view class="flex-col justify-start items-center section_4 pos_3 data-v-5f36a414"><scroll-view scroll-y class="scrollable-contentType data-v-5f36a414"><view wx:for="{{a}}" wx:for-item="item" wx:key="e" class="flex-col items-center self-stretch group data-v-5f36a414" bindtap="{{item.f}}"><image style="{{item.a}}" class="image_3 data-v-5f36a414" src="{{item.b}}"/><text class="font_2 text_4 data-v-5f36a414" style="{{item.d}}">{{item.c}}</text></view></scroll-view></view><view class="flex-col pos_5 data-v-5f36a414"><scroll-view scroll-y class="scrollable-content data-v-5f36a414"><view wx:for="{{b}}" wx:for-item="item" wx:key="f" class="flex-row list-item mt-9 data-v-5f36a414" bindtap="{{item.g}}"><image class="self-center image_4 data-v-5f36a414" src="{{item.a}}"/><view class="flex-col items-start self-center group_1 data-v-5f36a414"><text class="font data-v-5f36a414">{{item.b}}</text><text class="font_3 mt-9 data-v-5f36a414">{{item.c}}</text><text class="font_4 text_5 text_1 mt-9 data-v-5f36a414">￥{{item.d}}</text></view><image class="self-start image_5 data-v-5f36a414" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FhuDBpAGx-add.png" catchtap="{{item.e}}"/></view></scroll-view></view><text class="font text_3 pos_4 data-v-5f36a414">{{c}}</text></view>
|
||||
|
|
@ -401,12 +401,15 @@ text.data-v-5f36a414 {
|
|||
.mt-100.data-v-5f36a414 {
|
||||
margin-top: 187.5rpx;
|
||||
}
|
||||
.scrollable-contentType.data-v-5f36a414 {
|
||||
height: 56vh;
|
||||
}
|
||||
.mt-9.data-v-5f36a414 {
|
||||
margin-top: 16.88rpx;
|
||||
}
|
||||
.page.data-v-5f36a414 {
|
||||
background-color: #ffffff;
|
||||
background-image: url("https://ide.code.fun/api/image?token=675e8b75797f850011f292da&name=31fcc3e3780867994362dce95afbe89a.png");
|
||||
background-image: url("https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FQfLHXSAU-feiyigongfangbeijin.png");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
height: 100vh;
|
||||
|
|
@ -417,7 +420,7 @@ text.data-v-5f36a414 {
|
|||
padding: 30rpx 45.41rpx 33.75rpx;
|
||||
background-color: #ebe7e4;
|
||||
}
|
||||
.pos_9.data-v-5f36a414 {
|
||||
.pos.data-v-5f36a414 {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
|
|
@ -426,7 +429,7 @@ text.data-v-5f36a414 {
|
|||
.text.data-v-5f36a414 {
|
||||
color: #000000;
|
||||
font-size: 45rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 41.66rpx;
|
||||
}
|
||||
.section_3.data-v-5f36a414 {
|
||||
|
|
@ -434,7 +437,6 @@ text.data-v-5f36a414 {
|
|||
padding: 5.49rpx 12.99rpx 5.76rpx;
|
||||
background-color: #f2eeeb;
|
||||
border-radius: 28.13rpx;
|
||||
width: 468.75rpx;
|
||||
height: 90rpx;
|
||||
border: solid 1.88rpx #fffef8;
|
||||
}
|
||||
|
|
@ -442,86 +444,57 @@ text.data-v-5f36a414 {
|
|||
width: 95.63rpx;
|
||||
height: 75rpx;
|
||||
}
|
||||
.font.data-v-5f36a414 {
|
||||
font-size: 28.13rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 27.24rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text_2.data-v-5f36a414 {
|
||||
color: #bf654f;
|
||||
letter-spacing: 11.25rpx;
|
||||
.text-wrapper.data-v-5f36a414 {
|
||||
margin-left: -9.38rpx;
|
||||
margin-right: 15.26rpx;
|
||||
}
|
||||
.image_2.data-v-5f36a414 {
|
||||
width: 100vw;
|
||||
height: 55vw;
|
||||
}
|
||||
.pos_1.data-v-5f36a414 {
|
||||
.pos_2.data-v-5f36a414 {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 153.75rpx;
|
||||
}
|
||||
.section_4.data-v-5f36a414 {
|
||||
padding: 3.75rpx 0 62.01rpx;
|
||||
background-color: #f0ece8;
|
||||
width: 182.01rpx;
|
||||
padding: 7.5rpx 0 0rpx;
|
||||
background-color: #f4f3f1;
|
||||
width: 109.75rpx;
|
||||
}
|
||||
.pos_8.data-v-5f36a414 {
|
||||
.pos_3.data-v-5f36a414 {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 570rpx;
|
||||
top: 566.25rpx;
|
||||
}
|
||||
.group.data-v-5f36a414 {
|
||||
padding-top: 22.5rpx;
|
||||
margin: 0 2.44rpx 20rpx 0;
|
||||
}
|
||||
.image_3.data-v-5f36a414 {
|
||||
width: 101.25rpx;
|
||||
height: 105rpx;
|
||||
}
|
||||
.section_5.data-v-5f36a414 {
|
||||
background-color: #fa7e8233;
|
||||
border-radius: 9.38rpx;
|
||||
width: 180rpx;
|
||||
height: 133.13rpx;
|
||||
}
|
||||
.pos.data-v-5f36a414 {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
.text_5.data-v-5f36a414 {
|
||||
margin-top: 15.64rpx;
|
||||
}
|
||||
.section_6.data-v-5f36a414 {
|
||||
padding: 33.39rpx 0 20.16rpx;
|
||||
background-image: url("https://ide.code.fun/api/image?token=675e8b75797f850011f292da&name=7c35c1d42a85635085a71398166d6c05.png");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 245.63rpx;
|
||||
}
|
||||
.pos_2.data-v-5f36a414 {
|
||||
position: absolute;
|
||||
left: 178.13rpx;
|
||||
top: 575.63rpx;
|
||||
width: 90rpx;
|
||||
height: 90rpx;
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
.font_2.data-v-5f36a414 {
|
||||
font-size: 33.75rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 30.06rpx;
|
||||
color: #c35c5d;
|
||||
font-size: 26.25rpx;
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 24.41rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text_3.data-v-5f36a414 {
|
||||
margin-left: 74.57rpx;
|
||||
.text_4.data-v-5f36a414 {
|
||||
font-size: 12px;
|
||||
color: #727272;
|
||||
line-height: 25.43rpx;
|
||||
}
|
||||
.pos_6.data-v-5f36a414 {
|
||||
.pos_5.data-v-5f36a414 {
|
||||
position: absolute;
|
||||
right: 10.99rpx;
|
||||
top: 671.25rpx;
|
||||
right: 34.63rpx;
|
||||
top: 628.13rpx;
|
||||
}
|
||||
.list-item.data-v-5f36a414 {
|
||||
padding: 17.53rpx 14.19rpx 18.23rpx;
|
||||
width: 580rpx;
|
||||
padding: 17.53rpx 13.89rpx 18.23rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 9.38rpx;
|
||||
}
|
||||
|
|
@ -530,35 +503,50 @@ text.data-v-5f36a414 {
|
|||
}
|
||||
.image_4.data-v-5f36a414 {
|
||||
border-radius: 9.38rpx;
|
||||
width: 123.75rpx;
|
||||
width: 121.88rpx;
|
||||
height: 112.5rpx;
|
||||
}
|
||||
.group_6.data-v-5f36a414 {
|
||||
margin-left: 22.84rpx;
|
||||
.group_1.data-v-5f36a414 {
|
||||
margin-left: 21.68rpx;
|
||||
}
|
||||
.text_14.data-v-5f36a414 {
|
||||
.font.data-v-5f36a414 {
|
||||
font-size: 30rpx;
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 28.95rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.font_3.data-v-5f36a414 {
|
||||
font-size: 22.5rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 21.88rpx;
|
||||
color: #727272;
|
||||
width: 180px;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
.font_4.data-v-5f36a414 {
|
||||
font-size: 28.13rpx;
|
||||
font-family: STFangsong;
|
||||
line-height: 18rpx;
|
||||
font-size: 26.25rpx;
|
||||
font-family: FangZhengFonts;
|
||||
line-height: 17.53rpx;
|
||||
color: #ff0000;
|
||||
}
|
||||
.text_6.data-v-5f36a414 {
|
||||
font-size: 26.25rpx;
|
||||
.text_5.data-v-5f36a414 {
|
||||
-webkit-text-stroke: 1.88rpx #ff000040;
|
||||
}
|
||||
.text_1.data-v-5f36a414 {
|
||||
margin-left: 3.43rpx;
|
||||
}
|
||||
.image_5.data-v-5f36a414 {
|
||||
margin: 63.77rpx 6.02rpx 0 90.64rpx;
|
||||
margin: 37.77rpx 2.8rpx 0 0.85rpx;
|
||||
border-radius: 9.38rpx;
|
||||
width: 52.5rpx;
|
||||
height: 48.75rpx;
|
||||
}
|
||||
.text_3.data-v-5f36a414 {
|
||||
color: #c35c5d;
|
||||
line-height: 29.06rpx;
|
||||
}
|
||||
.pos_4.data-v-5f36a414 {
|
||||
position: absolute;
|
||||
left: 142.29rpx;
|
||||
top: 585.94rpx;
|
||||
}
|
||||
|
|
@ -1 +1 @@
|
|||
<view class="flex-col justify-start page data-v-66de04e2"><view class="flex-col section data-v-66de04e2"><view class="flex-row justify-between group data-v-66de04e2"><view class="flex-row items-end data-v-66de04e2"><image class="image data-v-66de04e2" src="{{a}}"/><view class="flex-col items-start relative group_2 ml-13 data-v-66de04e2"><view class="group_3 data-v-66de04e2"><text class="font text_2 data-v-66de04e2">￥</text><text class="text data-v-66de04e2">{{b}}</text></view><text class="font_2 text_3 data-v-66de04e2">请选择</text><text class="font_2 pos data-v-66de04e2">场次</text></view></view><image class="self-start image_2 data-v-66de04e2" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FTZQhzAYT-close.png"/></view><view class="flex-col mt-2 data-v-66de04e2"><view class="flex-col data-v-66de04e2"><view class="flex-row justify-between items-center section_2 data-v-66de04e2"><text class="font text_4 data-v-66de04e2">参加日期：2024年11月</text><text class="font_2 text_5 data-v-66de04e2">当前预约人数：10</text></view><view class="flex-col group_4 mt-5 data-v-66de04e2"><view class="flex-col self-stretch group_5 data-v-66de04e2"><text class="self-start font_3 text_6 data-v-66de04e2">选择预约时间</text><view class="flex-col justify-start self-stretch view mt-14 data-v-66de04e2"><scroll-view class="group_10 data-v-66de04e2" scroll-x="{{true}}"><view class="flex-row justify-between items-baseline data-v-66de04e2"><text wx:for="{{c}}" wx:for-item="item" wx:key="b" style="{{'color:' + item.a}}" class="font_4 text_7 data-v-66de04e2" bindtap="{{item.c}}"> 今天12-09 </text></view></scroll-view></view></view><view class="flex-row self-center relative grid data-v-66de04e2"><view class="flex-col justify-start grid-item pos_1 data-v-66de04e2"><view class="section_4 data-v-66de04e2"></view><text class="font_5 text_11 pos_3 data-v-66de04e2">10:00-12:00</text><text class="font_3 pos_5 data-v-66de04e2">可预约</text></view><view class="flex-col justify-start grid-item_2 pos_14 data-v-66de04e2"><view class="section_4 data-v-66de04e2"></view><text class="font_5 pos_4 data-v-66de04e2">12:00-14:00</text><text class="font_3 pos_6 data-v-66de04e2">可预约</text></view><view class="flex-col justify-start items-center grid-item_3 pos_15 data-v-66de04e2"><text class="font_3 data-v-66de04e2">可预约</text><view class="flex-col justify-start items-center text-wrapper pos_7 data-v-66de04e2"><text class="font_5 data-v-66de04e2">14:00-16:00</text></view></view><view class="flex-col justify-start grid-item_2 pos_11 data-v-66de04e2"><view class="section_4 data-v-66de04e2"></view><text class="font_5 pos_8 data-v-66de04e2">16:00-18:00</text><text class="font_3 pos_9 data-v-66de04e2">可预约</text></view></view><view class="flex-col justify-start self-stretch group_6 data-v-66de04e2"><view class="flex-row justify-between section_5 data-v-66de04e2"><text class="font_3 text_12 data-v-66de04e2">预约时间</text><view class="flex-row items-center group_7 data-v-66de04e2"><text class="font_5 data-v-66de04e2">2024-12-09</text><text class="font_5 ml-22 data-v-66de04e2">暂未选择</text></view></view></view><view class="flex-col items-start self-stretch section_6 data-v-66de04e2"><text class="font data-v-66de04e2">购买须知：本次课程活动最少需要到</text><text class="font data-v-66de04e2">达5人才能进行授课</text></view></view></view><view class="flex-col justify-start items-center section_7 data-v-66de04e2"><view class="flex-row section_8 data-v-66de04e2"><text class="font_4 text_13 data-v-66de04e2">加入购物车</text></view></view></view></view></view>
|
||||
<view class="flex-col page data-v-66de04e2"><view class="flex-col self-stretch data-v-66de04e2"><view class="flex-col self-stretch group data-v-66de04e2"><view class="flex-row justify-between group_2 data-v-66de04e2"><view class="flex-row items-end group_3 data-v-66de04e2"><image class="image-wrapper data-v-66de04e2" src="{{a}}"></image><view class="flex-col items-start relative group_5 ml-13 data-v-66de04e2"><view class="group_6 data-v-66de04e2"><text class="font text_2 data-v-66de04e2">￥</text><text class="text data-v-66de04e2">{{b}}</text></view><text class="font_2 text_3 data-v-66de04e2">请选择</text><text class="font_2 pos_2 data-v-66de04e2">最大人数：0</text><text class="font_2 pos data-v-66de04e2">场次</text></view></view><view class="flex-col group_4 data-v-66de04e2"><image class="self-end image_2 data-v-66de04e2" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FTZQhzAYT-close.png"/><view class="flex-row self-stretch mt-63 data-v-66de04e2"><image class="image_3 data-v-66de04e2" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FnKMzaToH-short.png" bindtap="{{c}}"/><view class="flex-col justify-start items-center text-wrapper ml-2 data-v-66de04e2"><text class="text_4 data-v-66de04e2">{{d}}</text></view><image class="image_4 ml-2 data-v-66de04e2" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FhvzZoTdm-add.png" bindtap="{{e}}"/></view></view></view><view class="flex-row justify-between items-center section data-v-66de04e2"><text class="font text_5 data-v-66de04e2">参加日期：{{f}}</text><text class="font_2 text_6 data-v-66de04e2">当前预约人数：10</text></view></view><view class="self-stretch divider view data-v-66de04e2"></view><text class="self-start font_3 text_7 data-v-66de04e2">选择预约时间</text><view class="section_1 data-v-66de04e2"><scroll-view class="data-v-66de04e2" scroll-x="true"><view class="flex-row justify-between items-baseline group_1 data-v-66de04e2"><text wx:for="{{g}}" wx:for-item="item" wx:key="d" style="{{'color:' + item.c}}" class="font_4 text_8 data-v-66de04e2" bindtap="{{item.e}}">{{item.a}}{{item.b}}</text></view></scroll-view></view></view><view class="flex-row justify-start self-center grid data-v-66de04e2"><view wx:if="{{h}}" class="flex-1 list_temp data-v-66de04e2"><view wx:for="{{i}}" wx:for-item="item" wx:key="c" class="flex-col justify-start relative data-v-66de04e2" bindtap="{{item.d}}"><view style="{{'background-color:' + item.a}}" class="section_3 data-v-66de04e2"></view><text class="font_5 text_12 pos_temp3 data-v-66de04e2">{{item.b}}</text><text class="font_3 pos_temp5 data-v-66de04e2">可预约</text></view></view><view wx:if="{{j}}" class="flex-1 list_2 data-v-66de04e2"><view wx:for="{{k}}" wx:for-item="item" wx:key="c" class="flex-col justify-start relative data-v-66de04e2" bindtap="{{item.d}}"><view class="section_3 data-v-66de04e2" style="{{'background-color:' + item.a}}"></view><text class="font_5 text_12 pos_3 data-v-66de04e2">{{item.b}}</text><text class="font_3 pos_5 data-v-66de04e2">可预约</text></view></view></view><view class="flex-col self-stretch group_7 data-v-66de04e2"><view class="flex-row justify-between section_4 data-v-66de04e2"><text class="font_3 text_13 data-v-66de04e2">预约时间</text><text class="font_3 text_14 data-v-66de04e2">{{l}} {{m}}</text></view><view class="divider mt-9 data-v-66de04e2"></view></view><view class="flex-col items-start self-center section_5 data-v-66de04e2"><text class="font_6 data-v-66de04e2">购买须知：本次课程活动最少需要到达5人才</text><text class="font_6 text_1 data-v-66de04e2">能进行授课</text></view><view class="flex-col justify-start items-center self-stretch section_6 data-v-66de04e2"><view class="flex-row section_7 data-v-66de04e2"><text class="font_4 text_15 data-v-66de04e2">加入购物车</text></view></view></view>
|
||||
|
|
@ -404,46 +404,52 @@ text.data-v-66de04e2 {
|
|||
.ml-13.data-v-66de04e2 {
|
||||
margin-left: 24.38rpx;
|
||||
}
|
||||
.mt-5.data-v-66de04e2 {
|
||||
margin-top: 9.38rpx;
|
||||
.mt-63.data-v-66de04e2 {
|
||||
margin-top: 118.13rpx;
|
||||
}
|
||||
.mt-9.data-v-66de04e2 {
|
||||
margin-top: 16.88rpx;
|
||||
}
|
||||
.ml-21.data-v-66de04e2 {
|
||||
margin-left: 39.38rpx;
|
||||
}
|
||||
.page.data-v-66de04e2 {
|
||||
padding-bottom: 18.75rpx;
|
||||
padding-top: 28.13rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 37.5rpx 37.5rpx 0rpx 0rpx;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.section.data-v-66de04e2 {
|
||||
padding: 28.13rpx 0;
|
||||
background-color: #ffffff;
|
||||
border-radius: 37.5rpx 37.5rpx 0rpx 0rpx;
|
||||
}
|
||||
.group.data-v-66de04e2 {
|
||||
padding-bottom: 9.38rpx;
|
||||
}
|
||||
.group_2.data-v-66de04e2 {
|
||||
padding: 0 30rpx;
|
||||
}
|
||||
.image.data-v-66de04e2 {
|
||||
.group_3.data-v-66de04e2 {
|
||||
margin-bottom: 5.01rpx;
|
||||
}
|
||||
.image-wrapper.data-v-66de04e2 {
|
||||
border-radius: 5.63rpx;
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 195rpx;
|
||||
height: 204.38rpx;
|
||||
}
|
||||
.group_2.data-v-66de04e2 {
|
||||
.group_5.data-v-66de04e2 {
|
||||
margin-bottom: 5.29rpx;
|
||||
padding-bottom: 28.86rpx;
|
||||
width: 157.8rpx;
|
||||
}
|
||||
.group_3.data-v-66de04e2 {
|
||||
.group_6.data-v-66de04e2 {
|
||||
margin-left: 17.51rpx;
|
||||
line-height: 29.7rpx;
|
||||
}
|
||||
.font.data-v-66de04e2 {
|
||||
font-size: 37.5rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 45rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_2.data-v-66de04e2 {
|
||||
color: #c35c5d;
|
||||
|
|
@ -474,31 +480,57 @@ text.data-v-66de04e2 {
|
|||
right: 0;
|
||||
bottom: 28.03rpx;
|
||||
}
|
||||
.group_4.data-v-66de04e2 {
|
||||
margin-top: 5.63rpx;
|
||||
width: 176.25rpx;
|
||||
}
|
||||
.image_2.data-v-66de04e2 {
|
||||
margin-right: 20.63rpx;
|
||||
margin-top: 5.63rpx;
|
||||
width: 37.5rpx;
|
||||
height: 37.5rpx;
|
||||
}
|
||||
.section_2.data-v-66de04e2 {
|
||||
.image_3.data-v-66de04e2 {
|
||||
border-radius: 9.38rpx 0rpx 0rpx 9.38rpx;
|
||||
width: 45.21rpx;
|
||||
height: 48.13rpx;
|
||||
}
|
||||
.text-wrapper.data-v-66de04e2 {
|
||||
padding: 14.74rpx 0 14.66rpx;
|
||||
background-color: #ffffff;
|
||||
width: 58.41rpx;
|
||||
height: 48.13rpx;
|
||||
}
|
||||
.text_4.data-v-66de04e2 {
|
||||
color: #323232;
|
||||
font-size: 26.25rpx;
|
||||
font-family: Open Sans;
|
||||
line-height: 18.73rpx;
|
||||
}
|
||||
.image_4.data-v-66de04e2 {
|
||||
border-radius: 0rpx 9.38rpx 9.38rpx 0rpx;
|
||||
width: 45.21rpx;
|
||||
height: 48.13rpx;
|
||||
}
|
||||
.section.data-v-66de04e2 {
|
||||
padding: 30.53rpx 21.86rpx 30.36rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 28.13rpx;
|
||||
}
|
||||
.text_4.data-v-66de04e2 {
|
||||
.text_5.data-v-66de04e2 {
|
||||
color: #000000;
|
||||
line-height: 36.62rpx;
|
||||
}
|
||||
.text_5.data-v-66de04e2 {
|
||||
.text_6.data-v-66de04e2 {
|
||||
margin-right: 16.14rpx;
|
||||
line-height: 25.43rpx;
|
||||
}
|
||||
.group_4.data-v-66de04e2 {
|
||||
padding: 0 20.63rpx 35.63rpx;
|
||||
.divider.data-v-66de04e2 {
|
||||
background-color: #d9d9d9;
|
||||
height: 1.88rpx;
|
||||
}
|
||||
.group_5.data-v-66de04e2 {
|
||||
padding: 31.76rpx 7.5rpx 0;
|
||||
border-top: solid 1.88rpx #d9d9d9;
|
||||
.view.data-v-66de04e2 {
|
||||
margin-left: 20.63rpx;
|
||||
margin-right: 26.27rpx;
|
||||
}
|
||||
.font_3.data-v-66de04e2 {
|
||||
font-size: 30rpx;
|
||||
|
|
@ -506,48 +538,74 @@ text.data-v-66de04e2 {
|
|||
line-height: 27.07rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text_6.data-v-66de04e2 {
|
||||
.text_7.data-v-66de04e2 {
|
||||
margin-left: 29.31rpx;
|
||||
margin-top: 29.89rpx;
|
||||
line-height: 28.01rpx;
|
||||
}
|
||||
.view.data-v-66de04e2 {
|
||||
margin-right: 7.5rpx;
|
||||
padding: 35.98rpx 0 35.87rpx 20rpx;
|
||||
background-color: #faddde;
|
||||
border-radius: 18.75rpx;
|
||||
.section_1.data-v-66de04e2 {
|
||||
padding: 30rpx 0;
|
||||
background-color: #FBDEDF;
|
||||
border-radius: 10rpx;
|
||||
align-self: stretch;
|
||||
margin: 26.47rpx 28.13rpx 0 28.13rpx;
|
||||
}
|
||||
.group_10.data-v-66de04e2 {
|
||||
.group_1.data-v-66de04e2 {
|
||||
margin-left: 11.78rpx;
|
||||
margin-right: 14.83rpx;
|
||||
}
|
||||
.font_4.data-v-66de04e2 {
|
||||
font-size: 30rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 27.07rpx;
|
||||
color: #c35c5d;
|
||||
color: #000000;
|
||||
}
|
||||
.text_7.data-v-66de04e2 {
|
||||
margin-right: 20rpx;
|
||||
.text_8.data-v-66de04e2 {
|
||||
line-height: 27.3rpx;
|
||||
margin-left: 30rpx;
|
||||
}
|
||||
.grid.data-v-66de04e2 {
|
||||
margin-top: 75rpx;
|
||||
margin-top: 60rpx;
|
||||
width: 605.63rpx;
|
||||
}
|
||||
.list_2.data-v-66de04e2 {
|
||||
height: 228.75rpx;
|
||||
display: grid;
|
||||
grid-template-rows: repeat(2, minmax(0, 1fr));
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
row-gap: 54rpx;
|
||||
column-gap: 102rpx;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.grid-item.data-v-66de04e2 {
|
||||
background-color: #fbdedf;
|
||||
border-radius: 18.75rpx;
|
||||
background-image: url("https://ide.code.fun/api/image?token=67582be6797f850011f1edb7&name=5f9759dd4fc5b6049913f513ad7248f2.png");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 253.13rpx;
|
||||
.list_temp.data-v-66de04e2 {
|
||||
height: 105.75rpx;
|
||||
display: grid;
|
||||
grid-template-rows: repeat(2, minmax(0, 1fr));
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
row-gap: 54rpx;
|
||||
column-gap: 102rpx;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.pos_1.data-v-66de04e2 {
|
||||
.pos_temp3.data-v-66de04e2 {
|
||||
position: absolute;
|
||||
left: 3.75rpx;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
top: 52.99rpx;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.section_4.data-v-66de04e2 {
|
||||
background-image: url("https://ide.code.fun/api/image?token=67582be6797f850011f1edb7&name=5f9759dd4fc5b6049913f513ad7248f2.png");
|
||||
.pos_temp5.data-v-66de04e2 {
|
||||
position: absolute;
|
||||
left: 74.53rpx;
|
||||
bottom: -14.94rpx;
|
||||
}
|
||||
.group_temp7.data-v-66de04e2 {
|
||||
margin-top: 97.5rpx;
|
||||
padding: 0 22.5rpx;
|
||||
}
|
||||
.section_3.data-v-66de04e2 {
|
||||
background-image: url("https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FkDkwyiFc-border.png");
|
||||
background-color: #ffffff;
|
||||
border-radius: 26rpx;
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
height: 90rpx;
|
||||
|
|
@ -558,7 +616,7 @@ text.data-v-66de04e2 {
|
|||
line-height: 20.04rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text_11.data-v-66de04e2 {
|
||||
.text_12.data-v-66de04e2 {
|
||||
width: 150rpx;
|
||||
}
|
||||
.pos_3.data-v-66de04e2 {
|
||||
|
|
@ -572,113 +630,55 @@ text.data-v-66de04e2 {
|
|||
left: 74.53rpx;
|
||||
bottom: 12.06rpx;
|
||||
}
|
||||
.grid-item_2.data-v-66de04e2 {
|
||||
background-color: #ffffff;
|
||||
border-radius: 18.75rpx;
|
||||
background-image: url("https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FVQSWQJrq-selectbox.png");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 253.13rpx;
|
||||
.group_7.data-v-66de04e2 {
|
||||
margin-top: 60rpx;
|
||||
padding: 0 22.5rpx;
|
||||
}
|
||||
.pos_14.data-v-66de04e2 {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
.pos_4.data-v-66de04e2 {
|
||||
position: absolute;
|
||||
right: 42.83rpx;
|
||||
top: 20.74rpx;
|
||||
}
|
||||
.pos_6.data-v-66de04e2 {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: 13.93rpx;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.grid-item_3.data-v-66de04e2 {
|
||||
padding: 54.62rpx 0 8.31rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 18.75rpx;
|
||||
width: 253.13rpx;
|
||||
}
|
||||
.pos_15.data-v-66de04e2 {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 138.75rpx;
|
||||
}
|
||||
.text-wrapper.data-v-66de04e2 {
|
||||
padding: 22.61rpx 0 47.34rpx;
|
||||
background-image: url("https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FVQSWQJrq-selectbox.png");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
width: 256.88rpx;
|
||||
}
|
||||
.pos_7.data-v-66de04e2 {
|
||||
position: absolute;
|
||||
left: 3.75rpx;
|
||||
right: -7.5rpx;
|
||||
top: 0;
|
||||
}
|
||||
.pos_11.data-v-66de04e2 {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 138.75rpx;
|
||||
}
|
||||
.pos_8.data-v-66de04e2 {
|
||||
position: absolute;
|
||||
right: 39.67rpx;
|
||||
top: 18.86rpx;
|
||||
}
|
||||
.pos_9.data-v-66de04e2 {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: 8.31rpx;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.group_6.data-v-66de04e2 {
|
||||
margin-top: 97.5rpx;
|
||||
padding-bottom: 9.38rpx;
|
||||
border-bottom: solid 1.88rpx #d9d9d9;
|
||||
}
|
||||
.section_5.data-v-66de04e2 {
|
||||
margin-left: 22.5rpx;
|
||||
margin-right: 11.27rpx;
|
||||
padding: 12.66rpx 14.42rpx 27.9rpx;
|
||||
.section_4.data-v-66de04e2 {
|
||||
margin-left: 20.63rpx;
|
||||
margin-right: 9.38rpx;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.text_12.data-v-66de04e2 {
|
||||
.text_13.data-v-66de04e2 {
|
||||
line-height: 28.01rpx;
|
||||
}
|
||||
.group_7.data-v-66de04e2 {
|
||||
margin-right: 13.74rpx;
|
||||
.text_14.data-v-66de04e2 {
|
||||
line-height: 28.84rpx;
|
||||
}
|
||||
.section_6.data-v-66de04e2 {
|
||||
margin: 43.13rpx 46.88rpx 0 41.25rpx;
|
||||
padding: 25.28rpx 6.62rpx 38.19rpx 12.13rpx;
|
||||
.section_5.data-v-66de04e2 {
|
||||
margin-top: 54.38rpx;
|
||||
padding: 32.23rpx 10.56rpx 91.29rpx 17.57rpx;
|
||||
background-color: #fff2f2f5;
|
||||
border-radius: 18.75rpx;
|
||||
}
|
||||
.section_7.data-v-66de04e2 {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
margin-left: 7.5rpx;
|
||||
margin-right: 5.63rpx;
|
||||
.font_6.data-v-66de04e2 {
|
||||
font-size: 30rpx;
|
||||
font-family: FZSongKeBenXiuKaiS-R-GB;
|
||||
line-height: 35.63rpx;
|
||||
color: #323232;
|
||||
}
|
||||
.text_1.data-v-66de04e2 {
|
||||
margin-left: 2.12rpx;
|
||||
}
|
||||
.section_6.data-v-66de04e2 {
|
||||
margin-left: 15rpx;
|
||||
margin-top: 88.13rpx;
|
||||
padding: 16.88rpx 0;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.section_8.data-v-66de04e2 {
|
||||
.section_7.data-v-66de04e2 {
|
||||
padding: 26.14rpx 0 25.07rpx;
|
||||
background-color: #fbdedf;
|
||||
border-radius: 46.88rpx;
|
||||
width: 618.75rpx;
|
||||
}
|
||||
.text_13.data-v-66de04e2 {
|
||||
margin-left: 240.94rpx;
|
||||
.text_15.data-v-66de04e2 {
|
||||
margin: 0 auto;
|
||||
line-height: 27.54rpx;
|
||||
}
|
||||
.text_14.data-v-66de04e2 {
|
||||
.text_16.data-v-66de04e2 {
|
||||
line-height: 27.54rpx;
|
||||
}
|
||||
.text_8.data-v-66de04e2:first-child {
|
||||
margin-left: 0rpx;
|
||||
}
|
||||
|
|
@ -18,6 +18,8 @@ const _sfc_main = {
|
|||
const cookie = common_vendor.wx$1.getStorageSync("cookie");
|
||||
const productObject = common_vendor.ref({});
|
||||
const popup = common_vendor.ref(null);
|
||||
const specificDate = common_vendor.ref("");
|
||||
const specificTime = common_vendor.ref("");
|
||||
common_vendor.onMounted(() => {
|
||||
utils_emitter.emitter.on("close", () => {
|
||||
close();
|
||||
|
|
@ -40,6 +42,9 @@ const _sfc_main = {
|
|||
});
|
||||
if (res.data.code === 1) {
|
||||
productObject.value = res.data.data;
|
||||
specificDate.value = res.data.data.appointmentDateVOList[0].specificDate;
|
||||
specificTime.value = res.data.data.appointmentDateVOList[0].timePeriodVOList[0].timeSlot;
|
||||
console.log("商品对象为--->", productObject.value);
|
||||
} else {
|
||||
common_vendor.index.showToast({
|
||||
icon: "error",
|
||||
|
|
@ -60,15 +65,17 @@ const _sfc_main = {
|
|||
b: common_vendor.t(productObject.value.price),
|
||||
c: common_vendor.t(productObject.value.name),
|
||||
d: common_vendor.t(productObject.value.introDetail),
|
||||
e: common_vendor.o(loadPop),
|
||||
f: productObject.value.detailImg,
|
||||
g: common_vendor.p({
|
||||
e: common_vendor.t(specificDate.value),
|
||||
f: common_vendor.t(specificTime.value),
|
||||
g: common_vendor.o(loadPop),
|
||||
h: productObject.value.detailImg,
|
||||
i: common_vendor.p({
|
||||
pid: pid.value
|
||||
}),
|
||||
h: common_vendor.sr(popup, "521289db-0", {
|
||||
j: common_vendor.sr(popup, "521289db-0", {
|
||||
"k": "popup"
|
||||
}),
|
||||
i: common_vendor.p({
|
||||
k: common_vendor.p({
|
||||
["background-color"]: "#fff"
|
||||
})
|
||||
};
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
<view class="flex-col page data-v-521289db"><view class="flex-col self-stretch section data-v-521289db"><image class="image_3 data-v-521289db" src="{{a}}"/><view class="flex-col list data-v-521289db"><view class="flex-col section_3 data-v-521289db"><view class="self-start group data-v-521289db"><text class="font_2 text_3 data-v-521289db">￥</text><text class="text_2 data-v-521289db">{{b}}</text></view><view class="flex-col self-stretch mt-15 data-v-521289db"><text class="font text_4 data-v-521289db">{{c}}</text><text class="font_2 text_5 mt-11 data-v-521289db">{{d}}</text></view><view class="flex-row items-baseline self-stretch group_2 mt-15 data-v-521289db"><text class="font_3 data-v-521289db">最近可预约时间：2024.11.11</text><text class="font_3 ml-1 data-v-521289db">9：30 - 10：30</text></view></view><view class="flex-col section_4 mt-6 data-v-521289db"><text class="self-start font text_6 data-v-521289db">用户须知</text><text class="self-start font_2 text_7 text_1 mt-16 data-v-521289db"> 1.请根据预约时间，提前10-15分钟到达活动地点，以便顺利参与体验。 </text><text class="self-start font_2 text_8 mt-16 data-v-521289db">2.穿着轻便、易清洗的衣物，以防止材料染色。</text><text class="self-stretch font_2 text_9 mt-16 data-v-521289db"> 3.如您在购买服务后，因个人原因需要取消服务或者变更服务的预约时间，请您务必联系我们的客服。 </text><text class="self-start font_2 text_7 mt-16 data-v-521289db"> 4.只要您在体验活动开始前取消购买，我们将为您提供全额退款服务。 </text><text class="self-stretch font_2 text_10 mt-16 data-v-521289db"> 5.如遇特殊情况，如突发疾病或其他不可抗力因素，请及时与客服沟通，我们将根据实际情况处理退款事宜。 </text></view></view><view class="flex-row section_5 data-v-521289db"><view class="flex-col items-center shrink-0 self-start data-v-521289db"><image class="image_4 data-v-521289db" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FeWZifLdN-kefu.png"/><text class="text_13 mt-3 data-v-521289db">客服</text></view><view class="flex-row flex-1 self-center ml-26 data-v-521289db"><view class="flex-col justify-start items-center text-wrapper data-v-521289db" bindtap="{{e}}"><text class="font_3 text_11 data-v-521289db">加入购物车</text></view><view class="flex-col justify-start items-center text-wrapper_2 ml-31 data-v-521289db"><text class="font text_12 data-v-521289db">立即预约</text></view></view></view></view><text class="self-start text_14 data-v-521289db">服务详情</text><image class="self-stretch image_5 data-v-521289db" src="{{f}}" mode="aspectFill"/></view><uni-popup wx:if="{{i}}" class="r data-v-521289db" u-s="{{['d']}}" u-r="popup" u-i="521289db-0" bind:__l="__l" u-p="{{i}}"><view class="popup-content data-v-521289db"><time-pop-up-vue wx:if="{{g}}" class="data-v-521289db" u-i="521289db-1,521289db-0" bind:__l="__l" u-p="{{g}}"></time-pop-up-vue></view></uni-popup>
|
||||
<view class="flex-col page data-v-521289db"><view class="flex-col self-stretch section data-v-521289db"><image class="image_3 data-v-521289db" src="{{a}}"/><view class="flex-col list data-v-521289db"><view class="flex-col section_3 data-v-521289db"><view class="self-start group data-v-521289db"><text class="font_2 text_3 data-v-521289db">￥</text><text class="text_2 data-v-521289db">{{b}}</text></view><view class="flex-col self-stretch mt-15 data-v-521289db"><text class="font text_4 data-v-521289db">{{c}}</text><text class="font_2 text_5 mt-11 data-v-521289db">{{d}}</text></view><view class="flex-row items-baseline self-stretch group_2 mt-15 data-v-521289db"><text class="font_3 data-v-521289db" style="margin-left:0">最近可预约时间：{{e}}</text><text class="font_3 ml-1 data-v-521289db" style="margin-left:20rpx">{{f}}</text></view></view><view class="flex-col section_4 mt-6 data-v-521289db"><text class="self-start font text_6 data-v-521289db">用户须知</text><text class="self-start font_2 text_7 text_1 mt-16 data-v-521289db"> 1.请根据预约时间，提前10-15分钟到达活动地点，以便顺利参与体验。 </text><text class="self-start font_2 text_8 mt-16 data-v-521289db">2.穿着轻便、易清洗的衣物，以防止材料染色。</text><text class="self-stretch font_2 text_9 mt-16 data-v-521289db"> 3.如您在购买服务后，因个人原因需要取消服务或者变更服务的预约时间，请您务必联系我们的客服。 </text><text class="self-start font_2 text_7 mt-16 data-v-521289db"> 4.只要您在体验活动开始前取消购买，我们将为您提供全额退款服务。 </text><text class="self-stretch font_2 text_10 mt-16 data-v-521289db"> 5.如遇特殊情况，如突发疾病或其他不可抗力因素，请及时与客服沟通，我们将根据实际情况处理退款事宜。 </text></view></view><view class="flex-row section_5 data-v-521289db"><view class="flex-col items-center shrink-0 self-start data-v-521289db"><image class="image_4 data-v-521289db" src="https://carbon2.obs.cn-north-4.myhuaweicloud.com:443/feiyi%2Ftest%2F0%2FeWZifLdN-kefu.png"/><text class="text_13 mt-3 data-v-521289db">客服</text></view><view class="flex-row flex-1 self-center ml-26 data-v-521289db"><view class="flex-col justify-start items-center text-wrapper data-v-521289db" bindtap="{{g}}"><text class="font_3 text_11 data-v-521289db">加入购物车</text></view><view class="flex-col justify-start items-center text-wrapper_2 ml-31 data-v-521289db"><text class="font text_12 data-v-521289db">立即预约</text></view></view></view></view><text class="self-start text_14 data-v-521289db">服务详情</text><image class="self-stretch image_5 data-v-521289db" src="{{h}}" mode="aspectFill"/></view><uni-popup wx:if="{{k}}" class="r data-v-521289db" u-s="{{['d']}}" u-r="popup" u-i="521289db-0" bind:__l="__l" u-p="{{k}}"><view class="popup-content data-v-521289db"><time-pop-up-vue wx:if="{{i}}" class="data-v-521289db" u-i="521289db-1,521289db-0" bind:__l="__l" u-p="{{i}}"></time-pop-up-vue></view></uni-popup>
|
||||
109
unpackage/dist/dev/mp-weixin/timePopUp.js
vendored
109
unpackage/dist/dev/mp-weixin/timePopUp.js
vendored
|
|
@ -1,23 +1,56 @@
|
|||
"use strict";
|
||||
const common_vendor = require("./common/vendor.js");
|
||||
const api_request = require("./api/request.js");
|
||||
const common_global = require("./common/global.js");
|
||||
const _sfc_main = {
|
||||
__name: "timePopUp",
|
||||
props: ["pid"],
|
||||
setup(__props) {
|
||||
const cookie = common_vendor.wx$1.getStorageSync("cookie");
|
||||
const items = common_vendor.ref([null, null, null, null, null, null, null]);
|
||||
const father = __props;
|
||||
const pid = common_vendor.ref(0);
|
||||
const productInfo = common_vendor.ref({});
|
||||
const bookTimeList = common_vendor.ref([]);
|
||||
const textColor = common_vendor.ref(["#000", "#000", "#000", "#000", "#000", "#000", "#000"]);
|
||||
const timeSlotList = common_vendor.ref([]);
|
||||
const selected = common_vendor.ref({
|
||||
//选中的日期+时间
|
||||
date: "",
|
||||
time: "",
|
||||
minNum: 0,
|
||||
maxNum: 0
|
||||
});
|
||||
const classNum = common_vendor.ref(1);
|
||||
common_vendor.ref(0);
|
||||
common_vendor.onLoad((options) => {
|
||||
});
|
||||
common_vendor.onMounted(() => {
|
||||
getProduct();
|
||||
});
|
||||
const choose = (index) => {
|
||||
const chooseDate = (index) => {
|
||||
selected.value.date = bookTimeList.value[index].specificDate;
|
||||
selected.value.time = "";
|
||||
classNum.value = 1;
|
||||
bookTimeList.value.forEach((item) => {
|
||||
if (item != bookTimeList.value[index]) {
|
||||
item.color = "#000000";
|
||||
} else {
|
||||
bookTimeList.value[index].color = "#C35C5D";
|
||||
}
|
||||
});
|
||||
timeSlotList.value = bookTimeList.value[index].timePeriodVOList;
|
||||
console.log("选中下日期时间段--->", bookTimeList.value[index].timePeriodVOList);
|
||||
};
|
||||
const chooseTimeSlot = (index) => {
|
||||
selected.value.time = timeSlotList.value[index].timeSlot;
|
||||
selected.value.maxNum = timeSlotList.value[index].maxNumber;
|
||||
classNum.value = 1;
|
||||
timeSlotList.value.forEach((item) => {
|
||||
if (item != timeSlotList.value[index]) {
|
||||
item.color = "#FFFFFF";
|
||||
} else {
|
||||
item.color = "#FBDEDF";
|
||||
}
|
||||
});
|
||||
};
|
||||
const getProduct = async () => {
|
||||
pid.value = father.pid;
|
||||
|
|
@ -33,20 +66,76 @@ const _sfc_main = {
|
|||
bookTimeList.value = res.data.data.appointmentDateVOList;
|
||||
}
|
||||
console.log("商品信息--->", productInfo.value);
|
||||
console.log("时间段信息--->", bookTimeList.value);
|
||||
console.log("日期+时间段信息--->", bookTimeList.value);
|
||||
};
|
||||
const short = () => {
|
||||
if (selected.value.maxNum === 0) {
|
||||
common_vendor.index.showToast({
|
||||
icon: "error",
|
||||
title: "请先选择时间段",
|
||||
duration: 1e3
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (classNum.value > 1) {
|
||||
classNum.value -= 1;
|
||||
}
|
||||
};
|
||||
const add = () => {
|
||||
if (selected.value.maxNum === 0) {
|
||||
common_vendor.index.showToast({
|
||||
icon: "error",
|
||||
title: "请先选择时间段",
|
||||
duration: 1e3
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (classNum.value < selected.value.maxNum) {
|
||||
classNum.value += 1;
|
||||
}
|
||||
};
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
return common_vendor.e({
|
||||
a: productInfo.value.goodImg,
|
||||
b: common_vendor.t(productInfo.value.price),
|
||||
c: common_vendor.f(items.value, (item, index, i0) => {
|
||||
c: common_vendor.o(($event) => short()),
|
||||
d: common_vendor.t(classNum.value),
|
||||
e: common_vendor.o(($event) => add()),
|
||||
f: common_vendor.t(selected.value.date),
|
||||
g: common_vendor.f(bookTimeList.value, (item, index, i0) => {
|
||||
return {
|
||||
a: textColor.value[index],
|
||||
b: index,
|
||||
c: common_vendor.o(($event) => choose(), index)
|
||||
a: common_vendor.t(common_vendor.unref(common_global.weekDay)(item.specificDate)),
|
||||
b: common_vendor.t(item.specificDate.substring(5, 10)),
|
||||
c: item.color,
|
||||
d: index,
|
||||
e: common_vendor.o(($event) => chooseDate(index), index)
|
||||
};
|
||||
}),
|
||||
h: timeSlotList.value.length <= 2
|
||||
}, timeSlotList.value.length <= 2 ? {
|
||||
i: common_vendor.f(timeSlotList.value, (item, index, i0) => {
|
||||
return {
|
||||
a: item.color,
|
||||
b: common_vendor.t(item.timeSlot),
|
||||
c: index,
|
||||
d: common_vendor.o(($event) => chooseTimeSlot(index), index)
|
||||
};
|
||||
})
|
||||
};
|
||||
} : {}, {
|
||||
j: timeSlotList.value.length >= 3
|
||||
}, timeSlotList.value.length >= 3 ? {
|
||||
k: common_vendor.f(timeSlotList.value, (item, index, i0) => {
|
||||
return {
|
||||
a: item.color,
|
||||
b: common_vendor.t(item.timeSlot),
|
||||
c: index,
|
||||
d: common_vendor.o(($event) => chooseTimeSlot(index), index)
|
||||
};
|
||||
})
|
||||
} : {}, {
|
||||
l: common_vendor.t(selected.value.date),
|
||||
m: common_vendor.t(selected.value.time)
|
||||
});
|
||||
};
|
||||
}
|
||||
};
|
||||
|
|
|
|||
|
|
@ -1,295 +0,0 @@
|
|||
"use strict";
|
||||
const uni_modules_uniDataPicker_components_uniDataPickerview_uniDataPicker = require("../uni-data-pickerview/uni-data-picker.js");
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
const DataPickerView = () => "../uni-data-pickerview/uni-data-pickerview.js";
|
||||
const _sfc_main = {
|
||||
name: "UniDataPicker",
|
||||
emits: ["popupopened", "popupclosed", "nodeclick", "input", "change", "update:modelValue", "inputclick"],
|
||||
mixins: [uni_modules_uniDataPicker_components_uniDataPickerview_uniDataPicker.dataPicker],
|
||||
components: {
|
||||
DataPickerView
|
||||
},
|
||||
props: {
|
||||
options: {
|
||||
type: [Object, Array],
|
||||
default() {
|
||||
return {};
|
||||
}
|
||||
},
|
||||
popupTitle: {
|
||||
type: String,
|
||||
default: "请选择"
|
||||
},
|
||||
placeholder: {
|
||||
type: String,
|
||||
default: "请选择"
|
||||
},
|
||||
heightMobile: {
|
||||
type: String,
|
||||
default: ""
|
||||
},
|
||||
readonly: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
clearIcon: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
border: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
split: {
|
||||
type: String,
|
||||
default: "/"
|
||||
},
|
||||
ellipsis: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
isOpened: false,
|
||||
inputSelected: []
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.$nextTick(() => {
|
||||
this.load();
|
||||
});
|
||||
},
|
||||
watch: {
|
||||
localdata: {
|
||||
handler() {
|
||||
this.load();
|
||||
},
|
||||
deep: true
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
clear() {
|
||||
this._dispatchEvent([]);
|
||||
},
|
||||
onPropsChange() {
|
||||
this._treeData = [];
|
||||
this.selectedIndex = 0;
|
||||
this.load();
|
||||
},
|
||||
load() {
|
||||
if (this.readonly) {
|
||||
this._processReadonly(this.localdata, this.dataValue);
|
||||
return;
|
||||
}
|
||||
if (this.isLocalData) {
|
||||
this.loadData();
|
||||
this.inputSelected = this.selected.slice(0);
|
||||
} else if (this.isCloudDataList || this.isCloudDataTree) {
|
||||
this.loading = true;
|
||||
this.getCloudDataValue().then((res) => {
|
||||
this.loading = false;
|
||||
this.inputSelected = res;
|
||||
}).catch((err) => {
|
||||
this.loading = false;
|
||||
this.errorMessage = err;
|
||||
});
|
||||
}
|
||||
},
|
||||
show() {
|
||||
this.isOpened = true;
|
||||
setTimeout(() => {
|
||||
this.$refs.pickerView.updateData({
|
||||
treeData: this._treeData,
|
||||
selected: this.selected,
|
||||
selectedIndex: this.selectedIndex
|
||||
});
|
||||
}, 200);
|
||||
this.$emit("popupopened");
|
||||
},
|
||||
hide() {
|
||||
this.isOpened = false;
|
||||
this.$emit("popupclosed");
|
||||
},
|
||||
handleInput() {
|
||||
if (this.readonly) {
|
||||
this.$emit("inputclick");
|
||||
return;
|
||||
}
|
||||
this.show();
|
||||
},
|
||||
handleClose(e) {
|
||||
this.hide();
|
||||
},
|
||||
onnodeclick(e) {
|
||||
this.$emit("nodeclick", e);
|
||||
},
|
||||
ondatachange(e) {
|
||||
this._treeData = this.$refs.pickerView._treeData;
|
||||
},
|
||||
onchange(e) {
|
||||
this.hide();
|
||||
this.$nextTick(() => {
|
||||
this.inputSelected = e;
|
||||
});
|
||||
this._dispatchEvent(e);
|
||||
},
|
||||
_processReadonly(dataList, value) {
|
||||
var isTree = dataList.findIndex((item2) => {
|
||||
return item2.children;
|
||||
});
|
||||
if (isTree > -1) {
|
||||
let inputValue;
|
||||
if (Array.isArray(value)) {
|
||||
inputValue = value[value.length - 1];
|
||||
if (typeof inputValue === "object" && inputValue.value) {
|
||||
inputValue = inputValue.value;
|
||||
}
|
||||
} else {
|
||||
inputValue = value;
|
||||
}
|
||||
this.inputSelected = this._findNodePath(inputValue, this.localdata);
|
||||
return;
|
||||
}
|
||||
if (!this.hasValue) {
|
||||
this.inputSelected = [];
|
||||
return;
|
||||
}
|
||||
let result = [];
|
||||
for (let i = 0; i < value.length; i++) {
|
||||
var val = value[i];
|
||||
var item = dataList.find((v) => {
|
||||
return v.value == val;
|
||||
});
|
||||
if (item) {
|
||||
result.push(item);
|
||||
}
|
||||
}
|
||||
if (result.length) {
|
||||
this.inputSelected = result;
|
||||
}
|
||||
},
|
||||
_filterForArray(data, valueArray) {
|
||||
var result = [];
|
||||
for (let i = 0; i < valueArray.length; i++) {
|
||||
var value = valueArray[i];
|
||||
var found = data.find((item) => {
|
||||
return item.value == value;
|
||||
});
|
||||
if (found) {
|
||||
result.push(found);
|
||||
}
|
||||
}
|
||||
return result;
|
||||
},
|
||||
_dispatchEvent(selected) {
|
||||
let item = {};
|
||||
if (selected.length) {
|
||||
var value = new Array(selected.length);
|
||||
for (var i = 0; i < selected.length; i++) {
|
||||
value[i] = selected[i].value;
|
||||
}
|
||||
item = selected[selected.length - 1];
|
||||
} else {
|
||||
item.value = "";
|
||||
}
|
||||
if (this.formItem) {
|
||||
this.formItem.setValue(item.value);
|
||||
}
|
||||
this.$emit("input", item.value);
|
||||
this.$emit("update:modelValue", item.value);
|
||||
this.$emit("change", {
|
||||
detail: {
|
||||
value: selected
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
if (!Array) {
|
||||
const _easycom_uni_load_more2 = common_vendor.resolveComponent("uni-load-more");
|
||||
const _easycom_uni_icons2 = common_vendor.resolveComponent("uni-icons");
|
||||
const _component_data_picker_view = common_vendor.resolveComponent("data-picker-view");
|
||||
(_easycom_uni_load_more2 + _easycom_uni_icons2 + _component_data_picker_view)();
|
||||
}
|
||||
const _easycom_uni_load_more = () => "../../../uni-load-more/components/uni-load-more/uni-load-more.js";
|
||||
const _easycom_uni_icons = () => "../../../uni-icons/components/uni-icons/uni-icons.js";
|
||||
if (!Math) {
|
||||
(_easycom_uni_load_more + _easycom_uni_icons)();
|
||||
}
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return common_vendor.e({
|
||||
a: _ctx.errorMessage
|
||||
}, _ctx.errorMessage ? {
|
||||
b: common_vendor.t(_ctx.errorMessage)
|
||||
} : _ctx.loading && !$data.isOpened ? {
|
||||
d: common_vendor.p({
|
||||
contentText: _ctx.loadMore,
|
||||
status: "loading"
|
||||
})
|
||||
} : $data.inputSelected.length ? {
|
||||
f: common_vendor.f($data.inputSelected, (item, index, i0) => {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.t(item.text),
|
||||
b: index < $data.inputSelected.length - 1
|
||||
}, index < $data.inputSelected.length - 1 ? {
|
||||
c: common_vendor.t($props.split)
|
||||
} : {}, {
|
||||
d: index
|
||||
});
|
||||
})
|
||||
} : {
|
||||
g: common_vendor.t($props.placeholder)
|
||||
}, {
|
||||
c: _ctx.loading && !$data.isOpened,
|
||||
e: $data.inputSelected.length,
|
||||
h: $props.clearIcon && !$props.readonly && $data.inputSelected.length
|
||||
}, $props.clearIcon && !$props.readonly && $data.inputSelected.length ? {
|
||||
i: common_vendor.p({
|
||||
type: "clear",
|
||||
color: "#c0c4cc",
|
||||
size: "24"
|
||||
}),
|
||||
j: common_vendor.o((...args) => $options.clear && $options.clear(...args))
|
||||
} : {}, {
|
||||
k: (!$props.clearIcon || !$data.inputSelected.length) && !$props.readonly
|
||||
}, (!$props.clearIcon || !$data.inputSelected.length) && !$props.readonly ? {} : {}, {
|
||||
l: $props.border ? 1 : "",
|
||||
m: common_vendor.r("d", {
|
||||
options: $props.options,
|
||||
data: $data.inputSelected,
|
||||
error: _ctx.errorMessage
|
||||
}),
|
||||
n: common_vendor.o((...args) => $options.handleInput && $options.handleInput(...args)),
|
||||
o: $data.isOpened
|
||||
}, $data.isOpened ? {
|
||||
p: common_vendor.o((...args) => $options.handleClose && $options.handleClose(...args))
|
||||
} : {}, {
|
||||
q: $data.isOpened
|
||||
}, $data.isOpened ? {
|
||||
r: common_vendor.t($props.popupTitle),
|
||||
s: common_vendor.o((...args) => $options.handleClose && $options.handleClose(...args)),
|
||||
t: common_vendor.sr("pickerView", "65068e05-2"),
|
||||
v: common_vendor.o($options.onchange),
|
||||
w: common_vendor.o($options.ondatachange),
|
||||
x: common_vendor.o($options.onnodeclick),
|
||||
y: common_vendor.o(($event) => _ctx.dataValue = $event),
|
||||
z: common_vendor.p({
|
||||
localdata: _ctx.localdata,
|
||||
preload: _ctx.preload,
|
||||
collection: _ctx.collection,
|
||||
field: _ctx.field,
|
||||
orderby: _ctx.orderby,
|
||||
where: _ctx.where,
|
||||
["step-searh"]: _ctx.stepSearh,
|
||||
["self-field"]: _ctx.selfField,
|
||||
["parent-field"]: _ctx.parentField,
|
||||
["managed-mode"]: true,
|
||||
map: _ctx.map,
|
||||
ellipsis: $props.ellipsis,
|
||||
modelValue: _ctx.dataValue
|
||||
})
|
||||
} : {});
|
||||
}
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:/微信小程序/课设整合/匠承非遗小程序端/jiangchengfeiyi-xiaochengxu/uni_modules/uni-data-picker/components/uni-data-picker/uni-data-picker.vue"]]);
|
||||
wx.createComponent(Component);
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"data-picker-view": "../uni-data-pickerview/uni-data-pickerview",
|
||||
"uni-load-more": "../../../uni-load-more/components/uni-load-more/uni-load-more",
|
||||
"uni-icons": "../../../uni-icons/components/uni-icons/uni-icons"
|
||||
}
|
||||
}
|
||||
|
|
@ -1 +0,0 @@
|
|||
<view class="uni-data-tree"><view class="uni-data-tree-input" bindtap="{{n}}"><block wx:if="{{$slots.d}}"><slot name="d"></slot></block><block wx:else><view class="{{['input-value', l && 'input-value-border']}}"><text wx:if="{{a}}" class="selected-area error-text">{{b}}</text><view wx:elif="{{c}}" class="selected-area"><uni-load-more wx:if="{{d}}" class="load-more" u-i="65068e05-0" bind:__l="__l" u-p="{{d}}"></uni-load-more></view><scroll-view wx:elif="{{e}}" class="selected-area" scroll-x="true"><view class="selected-list"><view wx:for="{{f}}" wx:for-item="item" wx:key="d" class="selected-item"><text class="text-color">{{item.a}}</text><text wx:if="{{item.b}}" class="input-split-line">{{item.c}}</text></view></view></scroll-view><text wx:else class="selected-area placeholder">{{g}}</text><view wx:if="{{h}}" class="icon-clear" catchtap="{{j}}"><uni-icons wx:if="{{i}}" u-i="65068e05-1" bind:__l="__l" u-p="{{i}}"></uni-icons></view><view wx:if="{{k}}" class="arrow-area"><view class="input-arrow"></view></view></view></block></view><view wx:if="{{o}}" class="uni-data-tree-cover" bindtap="{{p}}"></view><view wx:if="{{q}}" class="uni-data-tree-dialog"><view class="uni-popper__arrow"></view><view class="dialog-caption"><view class="title-area"><text class="dialog-title">{{r}}</text></view><view class="dialog-close" bindtap="{{s}}"><view class="dialog-close-plus" data-id="close"></view><view class="dialog-close-plus dialog-close-rotate" data-id="close"></view></view></view><data-picker-view wx:if="{{z}}" class="picker-view r" u-r="pickerView" bindchange="{{v}}" binddatachange="{{w}}" bindnodeclick="{{x}}" u-i="65068e05-2" bind:__l="__l" bindupdateModelValue="{{y}}" u-p="{{z}}"></data-picker-view></view></view>
|
||||
|
|
@ -1,229 +0,0 @@
|
|||
|
||||
.uni-data-tree {
|
||||
flex: 1;
|
||||
position: relative;
|
||||
font-size: 14px;
|
||||
}
|
||||
.error-text {
|
||||
color: #DD524D;
|
||||
}
|
||||
.input-value {
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
flex-wrap: nowrap;
|
||||
font-size: 14px;
|
||||
/* line-height: 35px; */
|
||||
padding: 0 10px;
|
||||
padding-right: 5px;
|
||||
overflow: hidden;
|
||||
height: 35px;
|
||||
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.input-value-border {
|
||||
border: 1px solid #e5e5e5;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.selected-area {
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
}
|
||||
.load-more {
|
||||
|
||||
margin-right: auto;
|
||||
}
|
||||
.selected-list {
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
/* padding: 0 5px; */
|
||||
}
|
||||
.selected-item {
|
||||
flex-direction: row;
|
||||
/* padding: 0 1px; */
|
||||
|
||||
white-space: nowrap;
|
||||
}
|
||||
.text-color {
|
||||
color: #333;
|
||||
}
|
||||
.placeholder {
|
||||
color: grey;
|
||||
font-size: 12px;
|
||||
}
|
||||
.input-split-line {
|
||||
opacity: .5;
|
||||
}
|
||||
.arrow-area {
|
||||
position: relative;
|
||||
width: 20px;
|
||||
|
||||
margin-bottom: 5px;
|
||||
margin-left: auto;
|
||||
display: flex;
|
||||
|
||||
justify-content: center;
|
||||
transform: rotate(-45deg);
|
||||
transform-origin: center;
|
||||
}
|
||||
.input-arrow {
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
border-left: 1px solid #999;
|
||||
border-bottom: 1px solid #999;
|
||||
}
|
||||
.uni-data-tree-cover {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: rgba(0, 0, 0, .4);
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: column;
|
||||
z-index: 100;
|
||||
}
|
||||
.uni-data-tree-dialog {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
|
||||
top: 20%;
|
||||
|
||||
|
||||
|
||||
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: #FFFFFF;
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: column;
|
||||
z-index: 102;
|
||||
overflow: hidden;
|
||||
}
|
||||
.dialog-caption {
|
||||
position: relative;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
/* border-bottom: 1px solid #f0f0f0; */
|
||||
}
|
||||
.title-area {
|
||||
|
||||
display: flex;
|
||||
|
||||
align-items: center;
|
||||
|
||||
margin: auto;
|
||||
|
||||
padding: 0 10px;
|
||||
}
|
||||
.dialog-title {
|
||||
/* font-weight: bold; */
|
||||
line-height: 44px;
|
||||
}
|
||||
.dialog-close {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.dialog-close-plus {
|
||||
width: 16px;
|
||||
height: 2px;
|
||||
background-color: #666;
|
||||
border-radius: 2px;
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
.dialog-close-rotate {
|
||||
position: absolute;
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
.picker-view {
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
}
|
||||
.icon-clear {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* picker 弹出层通用的指示小三角, todo：扩展至上下左右方向定位 */
|
||||
.uni-popper__arrow,
|
||||
.uni-popper__arrow::after {
|
||||
position: absolute;
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-color: transparent;
|
||||
border-style: solid;
|
||||
border-width: 6px;
|
||||
}
|
||||
.uni-popper__arrow {
|
||||
filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
|
||||
top: -6px;
|
||||
left: 10%;
|
||||
margin-right: 3px;
|
||||
border-top-width: 0;
|
||||
border-bottom-color: #EBEEF5;
|
||||
}
|
||||
.uni-popper__arrow::after {
|
||||
content: " ";
|
||||
top: 1px;
|
||||
margin-left: -6px;
|
||||
border-top-width: 0;
|
||||
border-bottom-color: #fff;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -1,547 +0,0 @@
|
|||
"use strict";
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
const dataPicker = {
|
||||
props: {
|
||||
localdata: {
|
||||
type: [Array, Object],
|
||||
default() {
|
||||
return [];
|
||||
}
|
||||
},
|
||||
spaceInfo: {
|
||||
type: Object,
|
||||
default() {
|
||||
return {};
|
||||
}
|
||||
},
|
||||
collection: {
|
||||
type: String,
|
||||
default: ""
|
||||
},
|
||||
action: {
|
||||
type: String,
|
||||
default: ""
|
||||
},
|
||||
field: {
|
||||
type: String,
|
||||
default: ""
|
||||
},
|
||||
orderby: {
|
||||
type: String,
|
||||
default: ""
|
||||
},
|
||||
where: {
|
||||
type: [String, Object],
|
||||
default: ""
|
||||
},
|
||||
pageData: {
|
||||
type: String,
|
||||
default: "add"
|
||||
},
|
||||
pageCurrent: {
|
||||
type: Number,
|
||||
default: 1
|
||||
},
|
||||
pageSize: {
|
||||
type: Number,
|
||||
default: 500
|
||||
},
|
||||
getcount: {
|
||||
type: [Boolean, String],
|
||||
default: false
|
||||
},
|
||||
getone: {
|
||||
type: [Boolean, String],
|
||||
default: false
|
||||
},
|
||||
gettree: {
|
||||
type: [Boolean, String],
|
||||
default: false
|
||||
},
|
||||
manual: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
value: {
|
||||
type: [Array, String, Number],
|
||||
default() {
|
||||
return [];
|
||||
}
|
||||
},
|
||||
modelValue: {
|
||||
type: [Array, String, Number],
|
||||
default() {
|
||||
return [];
|
||||
}
|
||||
},
|
||||
preload: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
stepSearh: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
selfField: {
|
||||
type: String,
|
||||
default: ""
|
||||
},
|
||||
parentField: {
|
||||
type: String,
|
||||
default: ""
|
||||
},
|
||||
multiple: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
map: {
|
||||
type: Object,
|
||||
default() {
|
||||
return {
|
||||
text: "text",
|
||||
value: "value"
|
||||
};
|
||||
}
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
errorMessage: "",
|
||||
loadMore: {
|
||||
contentdown: "",
|
||||
contentrefresh: "",
|
||||
contentnomore: ""
|
||||
},
|
||||
dataList: [],
|
||||
selected: [],
|
||||
selectedIndex: 0,
|
||||
page: {
|
||||
current: this.pageCurrent,
|
||||
size: this.pageSize,
|
||||
count: 0
|
||||
}
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
isLocalData() {
|
||||
return !this.collection.length;
|
||||
},
|
||||
isCloudData() {
|
||||
return this.collection.length > 0;
|
||||
},
|
||||
isCloudDataList() {
|
||||
return this.isCloudData && (!this.parentField && !this.selfField);
|
||||
},
|
||||
isCloudDataTree() {
|
||||
return this.isCloudData && this.parentField && this.selfField;
|
||||
},
|
||||
dataValue() {
|
||||
let isModelValue = Array.isArray(this.modelValue) ? this.modelValue.length > 0 : this.modelValue !== null || this.modelValue !== void 0;
|
||||
return isModelValue ? this.modelValue : this.value;
|
||||
},
|
||||
hasValue() {
|
||||
if (typeof this.dataValue === "number") {
|
||||
return true;
|
||||
}
|
||||
return this.dataValue != null && this.dataValue.length > 0;
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.$watch(() => {
|
||||
var al = [];
|
||||
[
|
||||
"pageCurrent",
|
||||
"pageSize",
|
||||
"spaceInfo",
|
||||
"value",
|
||||
"modelValue",
|
||||
"localdata",
|
||||
"collection",
|
||||
"action",
|
||||
"field",
|
||||
"orderby",
|
||||
"where",
|
||||
"getont",
|
||||
"getcount",
|
||||
"gettree"
|
||||
].forEach((key) => {
|
||||
al.push(this[key]);
|
||||
});
|
||||
return al;
|
||||
}, (newValue, oldValue) => {
|
||||
for (let i = 2; i < newValue.length; i++) {
|
||||
if (newValue[i] != oldValue[i]) {
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (newValue[0] != oldValue[0]) {
|
||||
this.page.current = this.pageCurrent;
|
||||
}
|
||||
this.page.size = this.pageSize;
|
||||
this.onPropsChange();
|
||||
});
|
||||
this._treeData = [];
|
||||
},
|
||||
methods: {
|
||||
onPropsChange() {
|
||||
this._treeData = [];
|
||||
},
|
||||
// 填充 pickview 数据
|
||||
async loadData() {
|
||||
if (this.isLocalData) {
|
||||
this.loadLocalData();
|
||||
} else if (this.isCloudDataList) {
|
||||
this.loadCloudDataList();
|
||||
} else if (this.isCloudDataTree) {
|
||||
this.loadCloudDataTree();
|
||||
}
|
||||
},
|
||||
// 加载本地数据
|
||||
async loadLocalData() {
|
||||
this._treeData = [];
|
||||
this._extractTree(this.localdata, this._treeData);
|
||||
let inputValue = this.dataValue;
|
||||
if (inputValue === void 0) {
|
||||
return;
|
||||
}
|
||||
if (Array.isArray(inputValue)) {
|
||||
inputValue = inputValue[inputValue.length - 1];
|
||||
if (typeof inputValue === "object" && inputValue[this.map.value]) {
|
||||
inputValue = inputValue[this.map.value];
|
||||
}
|
||||
}
|
||||
this.selected = this._findNodePath(inputValue, this.localdata);
|
||||
},
|
||||
// 加载 Cloud 数据 (单列)
|
||||
async loadCloudDataList() {
|
||||
if (this.loading) {
|
||||
return;
|
||||
}
|
||||
this.loading = true;
|
||||
try {
|
||||
let response = await this.getCommand();
|
||||
let responseData = response.result.data;
|
||||
this._treeData = responseData;
|
||||
this._updateBindData();
|
||||
this._updateSelected();
|
||||
this.onDataChange();
|
||||
} catch (e) {
|
||||
this.errorMessage = e;
|
||||
} finally {
|
||||
this.loading = false;
|
||||
}
|
||||
},
|
||||
// 加载 Cloud 数据 (树形)
|
||||
async loadCloudDataTree() {
|
||||
if (this.loading) {
|
||||
return;
|
||||
}
|
||||
this.loading = true;
|
||||
try {
|
||||
let commandOptions = {
|
||||
field: this._cloudDataPostField(),
|
||||
where: this._cloudDataTreeWhere()
|
||||
};
|
||||
if (this.gettree) {
|
||||
commandOptions.startwith = `${this.selfField}=='${this.dataValue}'`;
|
||||
}
|
||||
let response = await this.getCommand(commandOptions);
|
||||
let responseData = response.result.data;
|
||||
this._treeData = responseData;
|
||||
this._updateBindData();
|
||||
this._updateSelected();
|
||||
this.onDataChange();
|
||||
} catch (e) {
|
||||
this.errorMessage = e;
|
||||
} finally {
|
||||
this.loading = false;
|
||||
}
|
||||
},
|
||||
// 加载 Cloud 数据 (节点)
|
||||
async loadCloudDataNode(callback) {
|
||||
if (this.loading) {
|
||||
return;
|
||||
}
|
||||
this.loading = true;
|
||||
try {
|
||||
let commandOptions = {
|
||||
field: this._cloudDataPostField(),
|
||||
where: this._cloudDataNodeWhere()
|
||||
};
|
||||
let response = await this.getCommand(commandOptions);
|
||||
let responseData = response.result.data;
|
||||
callback(responseData);
|
||||
} catch (e) {
|
||||
this.errorMessage = e;
|
||||
} finally {
|
||||
this.loading = false;
|
||||
}
|
||||
},
|
||||
// 回显 Cloud 数据
|
||||
getCloudDataValue() {
|
||||
if (this.isCloudDataList) {
|
||||
return this.getCloudDataListValue();
|
||||
}
|
||||
if (this.isCloudDataTree) {
|
||||
return this.getCloudDataTreeValue();
|
||||
}
|
||||
},
|
||||
// 回显 Cloud 数据 (单列)
|
||||
getCloudDataListValue() {
|
||||
let where = [];
|
||||
let whereField = this._getForeignKeyByField();
|
||||
if (whereField) {
|
||||
where.push(`${whereField} == '${this.dataValue}'`);
|
||||
}
|
||||
where = where.join(" || ");
|
||||
if (this.where) {
|
||||
where = `(${this.where}) && (${where})`;
|
||||
}
|
||||
return this.getCommand({
|
||||
field: this._cloudDataPostField(),
|
||||
where
|
||||
}).then((res) => {
|
||||
this.selected = res.result.data;
|
||||
return res.result.data;
|
||||
});
|
||||
},
|
||||
// 回显 Cloud 数据 (树形)
|
||||
getCloudDataTreeValue() {
|
||||
return this.getCommand({
|
||||
field: this._cloudDataPostField(),
|
||||
getTreePath: {
|
||||
startWith: `${this.selfField}=='${this.dataValue}'`
|
||||
}
|
||||
}).then((res) => {
|
||||
let treePath = [];
|
||||
this._extractTreePath(res.result.data, treePath);
|
||||
this.selected = treePath;
|
||||
return treePath;
|
||||
});
|
||||
},
|
||||
getCommand(options = {}) {
|
||||
let db = common_vendor.Ws.database(this.spaceInfo);
|
||||
const action = options.action || this.action;
|
||||
if (action) {
|
||||
db = db.action(action);
|
||||
}
|
||||
const collection = options.collection || this.collection;
|
||||
db = db.collection(collection);
|
||||
const where = options.where || this.where;
|
||||
if (!(!where || !Object.keys(where).length)) {
|
||||
db = db.where(where);
|
||||
}
|
||||
const field = options.field || this.field;
|
||||
if (field) {
|
||||
db = db.field(field);
|
||||
}
|
||||
const orderby = options.orderby || this.orderby;
|
||||
if (orderby) {
|
||||
db = db.orderBy(orderby);
|
||||
}
|
||||
const current = options.pageCurrent !== void 0 ? options.pageCurrent : this.page.current;
|
||||
const size = options.pageSize !== void 0 ? options.pageSize : this.page.size;
|
||||
const getCount = options.getcount !== void 0 ? options.getcount : this.getcount;
|
||||
const getTree = options.gettree !== void 0 ? options.gettree : this.gettree;
|
||||
const getOptions = {
|
||||
getCount,
|
||||
getTree
|
||||
};
|
||||
if (options.getTreePath) {
|
||||
getOptions.getTreePath = options.getTreePath;
|
||||
}
|
||||
db = db.skip(size * (current - 1)).limit(size).get(getOptions);
|
||||
return db;
|
||||
},
|
||||
_cloudDataPostField() {
|
||||
let fields = [this.field];
|
||||
if (this.parentField) {
|
||||
fields.push(`${this.parentField} as parent_value`);
|
||||
}
|
||||
return fields.join(",");
|
||||
},
|
||||
_cloudDataTreeWhere() {
|
||||
let result = [];
|
||||
let selected = this.selected;
|
||||
let parentField = this.parentField;
|
||||
if (parentField) {
|
||||
result.push(`${parentField} == null || ${parentField} == ""`);
|
||||
}
|
||||
if (selected.length) {
|
||||
for (var i = 0; i < selected.length - 1; i++) {
|
||||
result.push(`${parentField} == '${selected[i].value}'`);
|
||||
}
|
||||
}
|
||||
let where = [];
|
||||
if (this.where) {
|
||||
where.push(`(${this.where})`);
|
||||
}
|
||||
if (result.length) {
|
||||
where.push(`(${result.join(" || ")})`);
|
||||
}
|
||||
return where.join(" && ");
|
||||
},
|
||||
_cloudDataNodeWhere() {
|
||||
let where = [];
|
||||
let selected = this.selected;
|
||||
if (selected.length) {
|
||||
where.push(`${this.parentField} == '${selected[selected.length - 1].value}'`);
|
||||
}
|
||||
where = where.join(" || ");
|
||||
if (this.where) {
|
||||
return `(${this.where}) && (${where})`;
|
||||
}
|
||||
return where;
|
||||
},
|
||||
_getWhereByForeignKey() {
|
||||
let result = [];
|
||||
let whereField = this._getForeignKeyByField();
|
||||
if (whereField) {
|
||||
result.push(`${whereField} == '${this.dataValue}'`);
|
||||
}
|
||||
if (this.where) {
|
||||
return `(${this.where}) && (${result.join(" || ")})`;
|
||||
}
|
||||
return result.join(" || ");
|
||||
},
|
||||
_getForeignKeyByField() {
|
||||
let fields = this.field.split(",");
|
||||
let whereField = null;
|
||||
for (let i = 0; i < fields.length; i++) {
|
||||
const items = fields[i].split("as");
|
||||
if (items.length < 2) {
|
||||
continue;
|
||||
}
|
||||
if (items[1].trim() === "value") {
|
||||
whereField = items[0].trim();
|
||||
break;
|
||||
}
|
||||
}
|
||||
return whereField;
|
||||
},
|
||||
_updateBindData(node) {
|
||||
const {
|
||||
dataList,
|
||||
hasNodes
|
||||
} = this._filterData(this._treeData, this.selected);
|
||||
let isleaf = this._stepSearh === false && !hasNodes;
|
||||
if (node) {
|
||||
node.isleaf = isleaf;
|
||||
}
|
||||
this.dataList = dataList;
|
||||
this.selectedIndex = dataList.length - 1;
|
||||
if (!isleaf && this.selected.length < dataList.length) {
|
||||
this.selected.push({
|
||||
value: null,
|
||||
text: "请选择"
|
||||
});
|
||||
}
|
||||
return {
|
||||
isleaf,
|
||||
hasNodes
|
||||
};
|
||||
},
|
||||
_updateSelected() {
|
||||
let dl = this.dataList;
|
||||
let sl = this.selected;
|
||||
let textField = this.map.text;
|
||||
let valueField = this.map.value;
|
||||
for (let i = 0; i < sl.length; i++) {
|
||||
let value = sl[i].value;
|
||||
let dl2 = dl[i];
|
||||
for (let j = 0; j < dl2.length; j++) {
|
||||
let item2 = dl2[j];
|
||||
if (item2[valueField] === value) {
|
||||
sl[i].text = item2[textField];
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
_filterData(data, paths) {
|
||||
let dataList = [];
|
||||
let hasNodes = true;
|
||||
dataList.push(data.filter((item) => {
|
||||
return item.parent_value === null || item.parent_value === void 0 || item.parent_value === "";
|
||||
}));
|
||||
for (let i = 0; i < paths.length; i++) {
|
||||
let value = paths[i].value;
|
||||
let nodes = data.filter((item) => {
|
||||
return item.parent_value === value;
|
||||
});
|
||||
if (nodes.length) {
|
||||
dataList.push(nodes);
|
||||
} else {
|
||||
hasNodes = false;
|
||||
}
|
||||
}
|
||||
return {
|
||||
dataList,
|
||||
hasNodes
|
||||
};
|
||||
},
|
||||
_extractTree(nodes, result, parent_value) {
|
||||
let valueField = this.map.value;
|
||||
for (let i = 0; i < nodes.length; i++) {
|
||||
let node = nodes[i];
|
||||
let child = {};
|
||||
for (let key in node) {
|
||||
if (key !== "children") {
|
||||
child[key] = node[key];
|
||||
}
|
||||
}
|
||||
if (parent_value !== null && parent_value !== void 0 && parent_value !== "") {
|
||||
child.parent_value = parent_value;
|
||||
}
|
||||
result.push(child);
|
||||
let children = node.children;
|
||||
if (children) {
|
||||
this._extractTree(children, result, node[valueField]);
|
||||
}
|
||||
}
|
||||
},
|
||||
_extractTreePath(nodes, result) {
|
||||
for (let i = 0; i < nodes.length; i++) {
|
||||
let node = nodes[i];
|
||||
let child = {};
|
||||
for (let key in node) {
|
||||
if (key !== "children") {
|
||||
child[key] = node[key];
|
||||
}
|
||||
}
|
||||
result.push(child);
|
||||
let children = node.children;
|
||||
if (children) {
|
||||
this._extractTreePath(children, result);
|
||||
}
|
||||
}
|
||||
},
|
||||
_findNodePath(key, nodes, path = []) {
|
||||
let textField = this.map.text;
|
||||
let valueField = this.map.value;
|
||||
for (let i = 0; i < nodes.length; i++) {
|
||||
let node = nodes[i];
|
||||
let children = node.children;
|
||||
let text = node[textField];
|
||||
let value = node[valueField];
|
||||
path.push({
|
||||
value,
|
||||
text
|
||||
});
|
||||
if (value === key) {
|
||||
return path;
|
||||
}
|
||||
if (children) {
|
||||
const p = this._findNodePath(key, children, path);
|
||||
if (p.length) {
|
||||
return p;
|
||||
}
|
||||
}
|
||||
path.pop();
|
||||
}
|
||||
return [];
|
||||
}
|
||||
}
|
||||
};
|
||||
exports.dataPicker = dataPicker;
|
||||
|
|
@ -1,152 +0,0 @@
|
|||
"use strict";
|
||||
const uni_modules_uniDataPicker_components_uniDataPickerview_uniDataPicker = require("./uni-data-picker.js");
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
const _sfc_main = {
|
||||
name: "UniDataPickerView",
|
||||
emits: ["nodeclick", "change", "datachange", "update:modelValue"],
|
||||
mixins: [uni_modules_uniDataPicker_components_uniDataPickerview_uniDataPicker.dataPicker],
|
||||
props: {
|
||||
managedMode: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
ellipsis: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
}
|
||||
},
|
||||
created() {
|
||||
if (!this.managedMode) {
|
||||
this.$nextTick(() => {
|
||||
this.loadData();
|
||||
});
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
onPropsChange() {
|
||||
this._treeData = [];
|
||||
this.selectedIndex = 0;
|
||||
this.$nextTick(() => {
|
||||
this.loadData();
|
||||
});
|
||||
},
|
||||
handleSelect(index) {
|
||||
this.selectedIndex = index;
|
||||
},
|
||||
handleNodeClick(item, i, j) {
|
||||
if (item.disable) {
|
||||
return;
|
||||
}
|
||||
const node = this.dataList[i][j];
|
||||
const text = node[this.map.text];
|
||||
const value = node[this.map.value];
|
||||
if (i < this.selected.length - 1) {
|
||||
this.selected.splice(i, this.selected.length - i);
|
||||
this.selected.push({
|
||||
text,
|
||||
value
|
||||
});
|
||||
} else if (i === this.selected.length - 1) {
|
||||
this.selected.splice(i, 1, {
|
||||
text,
|
||||
value
|
||||
});
|
||||
}
|
||||
if (node.isleaf) {
|
||||
this.onSelectedChange(node, node.isleaf);
|
||||
return;
|
||||
}
|
||||
const {
|
||||
isleaf,
|
||||
hasNodes
|
||||
} = this._updateBindData();
|
||||
if (this.isLocalData) {
|
||||
this.onSelectedChange(node, !hasNodes || isleaf);
|
||||
} else if (this.isCloudDataList) {
|
||||
this.onSelectedChange(node, true);
|
||||
} else if (this.isCloudDataTree) {
|
||||
if (isleaf) {
|
||||
this.onSelectedChange(node, node.isleaf);
|
||||
} else if (!hasNodes) {
|
||||
this.loadCloudDataNode((data) => {
|
||||
if (!data.length) {
|
||||
node.isleaf = true;
|
||||
} else {
|
||||
this._treeData.push(...data);
|
||||
this._updateBindData(node);
|
||||
}
|
||||
this.onSelectedChange(node, node.isleaf);
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
updateData(data) {
|
||||
this._treeData = data.treeData;
|
||||
this.selected = data.selected;
|
||||
if (!this._treeData.length) {
|
||||
this.loadData();
|
||||
} else {
|
||||
this._updateBindData();
|
||||
}
|
||||
},
|
||||
onDataChange() {
|
||||
this.$emit("datachange");
|
||||
},
|
||||
onSelectedChange(node, isleaf) {
|
||||
if (isleaf) {
|
||||
this._dispatchEvent();
|
||||
}
|
||||
if (node) {
|
||||
this.$emit("nodeclick", node);
|
||||
}
|
||||
},
|
||||
_dispatchEvent() {
|
||||
this.$emit("change", this.selected.slice(0));
|
||||
}
|
||||
}
|
||||
};
|
||||
if (!Array) {
|
||||
const _easycom_uni_load_more2 = common_vendor.resolveComponent("uni-load-more");
|
||||
_easycom_uni_load_more2();
|
||||
}
|
||||
const _easycom_uni_load_more = () => "../../../uni-load-more/components/uni-load-more/uni-load-more.js";
|
||||
if (!Math) {
|
||||
_easycom_uni_load_more();
|
||||
}
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return common_vendor.e({
|
||||
a: !_ctx.isCloudDataList
|
||||
}, !_ctx.isCloudDataList ? {
|
||||
b: common_vendor.f(_ctx.selected, (item, index, i0) => {
|
||||
return {
|
||||
a: common_vendor.t(item.text || ""),
|
||||
b: index,
|
||||
c: index == _ctx.selectedIndex ? 1 : "",
|
||||
d: common_vendor.o(($event) => $options.handleSelect(index), index)
|
||||
};
|
||||
})
|
||||
} : {}, {
|
||||
c: common_vendor.f(_ctx.dataList[_ctx.selectedIndex], (item, j, i0) => {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.t(item[_ctx.map.text]),
|
||||
b: _ctx.selected.length > _ctx.selectedIndex && item[_ctx.map.value] == _ctx.selected[_ctx.selectedIndex].value
|
||||
}, _ctx.selected.length > _ctx.selectedIndex && item[_ctx.map.value] == _ctx.selected[_ctx.selectedIndex].value ? {} : {}, {
|
||||
c: !!item.disable ? 1 : "",
|
||||
d: j,
|
||||
e: common_vendor.o(($event) => $options.handleNodeClick(item, _ctx.selectedIndex, j), j)
|
||||
});
|
||||
}),
|
||||
d: _ctx.loading
|
||||
}, _ctx.loading ? {
|
||||
e: common_vendor.p({
|
||||
contentText: _ctx.loadMore,
|
||||
status: "loading"
|
||||
})
|
||||
} : {}, {
|
||||
f: _ctx.errorMessage
|
||||
}, _ctx.errorMessage ? {
|
||||
g: common_vendor.t(_ctx.errorMessage)
|
||||
} : {});
|
||||
}
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:/微信小程序/课设整合/匠承非遗小程序端/jiangchengfeiyi-xiaochengxu/uni_modules/uni-data-picker/components/uni-data-pickerview/uni-data-pickerview.vue"]]);
|
||||
wx.createComponent(Component);
|
||||
|
|
@ -1,6 +0,0 @@
|
|||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"uni-load-more": "../../../uni-load-more/components/uni-load-more/uni-load-more"
|
||||
}
|
||||
}
|
||||
|
|
@ -1 +0,0 @@
|
|||
<view class="uni-data-pickerview"><scroll-view wx:if="{{a}}" class="selected-area" scroll-x="true"><view class="selected-list"><view wx:for="{{b}}" wx:for-item="item" wx:key="b" class="{{['selected-item', item.c && 'selected-item-active']}}" bindtap="{{item.d}}"><text>{{item.a}}</text></view></view></scroll-view><view class="tab-c"><scroll-view class="list" scroll-y="{{true}}"><view wx:for="{{c}}" wx:for-item="item" wx:key="d" class="{{['item', item.c && 'is-disabled']}}" bindtap="{{item.e}}"><text class="item-text">{{item.a}}</text><view wx:if="{{item.b}}" class="check"></view></view></scroll-view><view wx:if="{{d}}" class="loading-cover"><uni-load-more wx:if="{{e}}" class="load-more" u-i="2a633162-0" bind:__l="__l" u-p="{{e}}"></uni-load-more></view><view wx:if="{{f}}" class="error-message"><text class="error-text">{{g}}</text></view></view></view>
|
||||
|
|
@ -1,111 +0,0 @@
|
|||
/* 水平间距 */
|
||||
/* 水平间距 */
|
||||
.uni-data-pickerview {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.error-text {
|
||||
color: #DD524D;
|
||||
}
|
||||
.loading-cover {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: rgba(255, 255, 255, 0.5);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
z-index: 1001;
|
||||
}
|
||||
.load-more {
|
||||
margin: auto;
|
||||
}
|
||||
.error-message {
|
||||
background-color: #fff;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
padding: 15px;
|
||||
opacity: 0.9;
|
||||
z-index: 102;
|
||||
}
|
||||
.selected-list {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
flex-direction: row;
|
||||
padding: 0 5px;
|
||||
border-bottom: 1px solid #f8f8f8;
|
||||
}
|
||||
.selected-item {
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
padding: 12px 0;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.selected-item-text-overflow {
|
||||
width: 168px;
|
||||
/* fix nvue */
|
||||
overflow: hidden;
|
||||
width: 6em;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
-o-text-overflow: ellipsis;
|
||||
}
|
||||
.selected-item-active {
|
||||
border-bottom: 2px solid #2979ff;
|
||||
}
|
||||
.selected-item-text {
|
||||
color: #2979ff;
|
||||
}
|
||||
.tab-c {
|
||||
position: relative;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
overflow: hidden;
|
||||
}
|
||||
.list {
|
||||
flex: 1;
|
||||
}
|
||||
.item {
|
||||
padding: 12px 15px;
|
||||
/* border-bottom: 1px solid #f0f0f0; */
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.is-disabled {
|
||||
opacity: 0.5;
|
||||
}
|
||||
.item-text {
|
||||
/* flex: 1; */
|
||||
color: #333333;
|
||||
}
|
||||
.item-text-overflow {
|
||||
width: 280px;
|
||||
/* fix nvue */
|
||||
overflow: hidden;
|
||||
width: 20em;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
-o-text-overflow: ellipsis;
|
||||
}
|
||||
.check {
|
||||
margin-right: 5px;
|
||||
border: 2px solid #2979ff;
|
||||
border-left: 0;
|
||||
border-top: 0;
|
||||
height: 12px;
|
||||
width: 6px;
|
||||
transform-origin: center;
|
||||
transition: all 0.3s;
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
|
@ -1,72 +0,0 @@
|
|||
"use strict";
|
||||
const uni_modules_uniIcons_components_uniIcons_uniicons_file_vue = require("./uniicons_file_vue.js");
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
const getVal = (val) => {
|
||||
const reg = /^[0-9]*$/g;
|
||||
return typeof val === "number" || reg.test(val) ? val + "px" : val;
|
||||
};
|
||||
const _sfc_main = {
|
||||
name: "UniIcons",
|
||||
emits: ["click"],
|
||||
props: {
|
||||
type: {
|
||||
type: String,
|
||||
default: ""
|
||||
},
|
||||
color: {
|
||||
type: String,
|
||||
default: "#333333"
|
||||
},
|
||||
size: {
|
||||
type: [Number, String],
|
||||
default: 16
|
||||
},
|
||||
customPrefix: {
|
||||
type: String,
|
||||
default: ""
|
||||
},
|
||||
fontFamily: {
|
||||
type: String,
|
||||
default: ""
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
icons: uni_modules_uniIcons_components_uniIcons_uniicons_file_vue.fontData
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
unicode() {
|
||||
let code = this.icons.find((v) => v.font_class === this.type);
|
||||
if (code) {
|
||||
return code.unicode;
|
||||
}
|
||||
return "";
|
||||
},
|
||||
iconSize() {
|
||||
return getVal(this.size);
|
||||
},
|
||||
styleObj() {
|
||||
if (this.fontFamily !== "") {
|
||||
return `color: ${this.color}; font-size: ${this.iconSize}; font-family: ${this.fontFamily};`;
|
||||
}
|
||||
return `color: ${this.color}; font-size: ${this.iconSize};`;
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
_onClick() {
|
||||
this.$emit("click");
|
||||
}
|
||||
}
|
||||
};
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return {
|
||||
a: common_vendor.s($options.styleObj),
|
||||
b: common_vendor.n("uniui-" + $props.type),
|
||||
c: common_vendor.n($props.customPrefix),
|
||||
d: common_vendor.n($props.customPrefix ? $props.type : ""),
|
||||
e: common_vendor.o((...args) => $options._onClick && $options._onClick(...args))
|
||||
};
|
||||
}
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:/微信小程序/课设整合/匠承非遗小程序端/jiangchengfeiyi-xiaochengxu/uni_modules/uni-icons/components/uni-icons/uni-icons.vue"]]);
|
||||
wx.createComponent(Component);
|
||||
|
|
@ -1,4 +0,0 @@
|
|||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
|
|
@ -1 +0,0 @@
|
|||
<text style="{{a}}" class="{{['uni-icons', b, c, d]}}" bindtap="{{e}}"><slot></slot></text>
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,648 +0,0 @@
|
|||
"use strict";
|
||||
const fontData = [
|
||||
{
|
||||
"font_class": "arrow-down",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "arrow-left",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "arrow-right",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "arrow-up",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "auth",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "auth-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "back",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "bars",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "calendar",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "calendar-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "camera",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "camera-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "cart",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "cart-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "chat",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "chat-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "chatboxes",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "chatboxes-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "chatbubble",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "chatbubble-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "checkbox",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "checkbox-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "checkmarkempty",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "circle",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "circle-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "clear",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "close",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "closeempty",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "cloud-download",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "cloud-download-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "cloud-upload",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "cloud-upload-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "color",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "color-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "compose",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "contact",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "contact-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "down",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "bottom",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "download",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "download-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "email",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "email-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "eye",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "eye-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "eye-slash",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "eye-slash-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "fire",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "fire-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "flag",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "flag-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "folder-add",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "folder-add-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "font",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "forward",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "gear",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "gear-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "gift",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "gift-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "hand-down",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "hand-down-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "hand-up",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "hand-up-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "headphones",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "heart",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "heart-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "help",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "help-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "home",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "home-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "image",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "image-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "images",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "images-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "info",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "info-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "left",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "link",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "list",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "location",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "location-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "locked",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "locked-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "loop",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "mail-open",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "mail-open-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "map",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "map-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "map-pin",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "map-pin-ellipse",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "medal",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "medal-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "mic",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "mic-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "micoff",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "micoff-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "minus",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "minus-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "more",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "more-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "navigate",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "navigate-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "notification",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "notification-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "paperclip",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "paperplane",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "paperplane-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "person",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "person-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "personadd",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "personadd-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "personadd-filled-copy",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "phone",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "phone-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "plus",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "plus-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "plusempty",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "pulldown",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "pyq",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "qq",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "redo",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "redo-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "refresh",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "refresh-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "refreshempty",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "reload",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "right",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "scan",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "search",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "settings",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "settings-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "shop",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "shop-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "smallcircle",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "smallcircle-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "sound",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "sound-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "spinner-cycle",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "staff",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "staff-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "star",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "star-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "starhalf",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "trash",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "trash-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "tune",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "tune-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "undo",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "undo-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "up",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "top",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "upload",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "upload-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "videocam",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "videocam-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "vip",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "vip-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "wallet",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "wallet-filled",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "weibo",
|
||||
"unicode": ""
|
||||
},
|
||||
{
|
||||
"font_class": "weixin",
|
||||
"unicode": ""
|
||||
}
|
||||
];
|
||||
exports.fontData = fontData;
|
||||
|
|
@ -1,22 +0,0 @@
|
|||
"use strict";
|
||||
const en = {
|
||||
"uni-load-more.contentdown": "Pull up to show more",
|
||||
"uni-load-more.contentrefresh": "loading...",
|
||||
"uni-load-more.contentnomore": "No more data"
|
||||
};
|
||||
const zhHans = {
|
||||
"uni-load-more.contentdown": "上拉显示更多",
|
||||
"uni-load-more.contentrefresh": "正在加载...",
|
||||
"uni-load-more.contentnomore": "没有更多数据了"
|
||||
};
|
||||
const zhHant = {
|
||||
"uni-load-more.contentdown": "上拉顯示更多",
|
||||
"uni-load-more.contentrefresh": "正在加載...",
|
||||
"uni-load-more.contentnomore": "沒有更多數據了"
|
||||
};
|
||||
const messages = {
|
||||
en,
|
||||
"zh-Hans": zhHans,
|
||||
"zh-Hant": zhHant
|
||||
};
|
||||
exports.messages = messages;
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,4 +0,0 @@
|
|||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
|
|
@ -1 +0,0 @@
|
|||
<view class="uni-load-more" bindtap="{{q}}"><view wx:if="{{a}}" style="{{'width:' + h + ';' + ('height:' + i)}}" class="uni-load-more__img uni-load-more__img--android-MP"><view class="uni-load-more__img-icon" style="{{'border-top-color:' + b + ';' + ('border-top-width:' + c)}}"></view><view class="uni-load-more__img-icon" style="{{'border-top-color:' + d + ';' + ('border-top-width:' + e)}}"></view><view class="uni-load-more__img-icon" style="{{'border-top-color:' + f + ';' + ('border-top-width:' + g)}}"></view></view><view wx:elif="{{j}}" style="{{'width:' + l + ';' + ('height:' + m)}}" class="uni-load-more__img uni-load-more__img--ios-H5"><image src="{{k}}" mode="widthFix"></image></view><text wx:if="{{n}}" class="uni-load-more__text" style="{{'color:' + p}}">{{o}}</text></view>
|
||||
|
|
@ -1,156 +0,0 @@
|
|||
/* 水平间距 */
|
||||
/* 水平间距 */
|
||||
.uni-load-more {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
height: 40px;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.uni-load-more__text {
|
||||
font-size: 14px;
|
||||
margin-left: 8px;
|
||||
}
|
||||
.uni-load-more__img {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
.uni-load-more__img--nvue {
|
||||
color: #666666;
|
||||
}
|
||||
.uni-load-more__img--android,
|
||||
.uni-load-more__img--ios {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
.uni-load-more__img--android {
|
||||
animation: loading-ios 1s 0s linear infinite;
|
||||
}
|
||||
@keyframes loading-android {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
.uni-load-more__img--ios-H5 {
|
||||
position: relative;
|
||||
animation: loading-ios-H5 1s 0s step-end infinite;
|
||||
}
|
||||
.uni-load-more__img--ios-H5 image {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
@keyframes loading-ios-H5 {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
8% {
|
||||
transform: rotate(30deg);
|
||||
}
|
||||
16% {
|
||||
transform: rotate(60deg);
|
||||
}
|
||||
24% {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
32% {
|
||||
transform: rotate(120deg);
|
||||
}
|
||||
40% {
|
||||
transform: rotate(150deg);
|
||||
}
|
||||
48% {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
56% {
|
||||
transform: rotate(210deg);
|
||||
}
|
||||
64% {
|
||||
transform: rotate(240deg);
|
||||
}
|
||||
73% {
|
||||
transform: rotate(270deg);
|
||||
}
|
||||
82% {
|
||||
transform: rotate(300deg);
|
||||
}
|
||||
91% {
|
||||
transform: rotate(330deg);
|
||||
}
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
.uni-load-more__img--android-MP {
|
||||
position: relative;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
transform: rotate(0deg);
|
||||
animation: loading-ios 1s 0s ease infinite;
|
||||
}
|
||||
.uni-load-more__img--android-MP .uni-load-more__img-icon {
|
||||
position: absolute;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 50%;
|
||||
border: solid 2px transparent;
|
||||
border-top: solid 2px #777777;
|
||||
transform-origin: center;
|
||||
}
|
||||
.uni-load-more__img--android-MP .uni-load-more__img-icon:nth-child(1) {
|
||||
animation: loading-android-MP-1 1s 0s linear infinite;
|
||||
}
|
||||
.uni-load-more__img--android-MP .uni-load-more__img-icon:nth-child(2) {
|
||||
animation: loading-android-MP-2 1s 0s linear infinite;
|
||||
}
|
||||
.uni-load-more__img--android-MP .uni-load-more__img-icon:nth-child(3) {
|
||||
animation: loading-android-MP-3 1s 0s linear infinite;
|
||||
}
|
||||
@keyframes loading-android {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@keyframes loading-android-MP-1 {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
50% {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@keyframes loading-android-MP-2 {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
50% {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@keyframes loading-android-MP-3 {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
50% {
|
||||
transform: rotate(270deg);
|
||||
}
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user