This commit is contained in:
parent
20e5ed1895
commit
27f95b331c
23
App.vue
23
App.vue
|
|
@ -18,7 +18,28 @@
|
|||
|
||||
page{
|
||||
font-size: 26rpx;
|
||||
background-color: #eee;
|
||||
background-color: #f6f6f6;
|
||||
}
|
||||
|
||||
.fiexd-btn-box {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
height: 120rpx;
|
||||
height: calc(constant(safe-area-inset-bottom) + 120rpx);
|
||||
/* 适用于iOS设备 */
|
||||
height: calc(env(safe-area-inset-bottom) + 120rpx);
|
||||
/* 适用于Android设备 */
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
background-color: #fff;
|
||||
padding: 20rpx;
|
||||
padding-bottom: calc(constant(safe-area-inset-bottom) + 20rpx);
|
||||
/* 适用于iOS设备 */
|
||||
padding-bottom: calc(env(safe-area-inset-bottom) + 20rpx);
|
||||
/* 适用于Android设备 */
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,21 @@
|
|||
import request from '@/utils/request';
|
||||
|
||||
//添加购物车数量
|
||||
export const cartCreateApi = (data)=>{
|
||||
return request.post('/order/cart/create', data);
|
||||
}
|
||||
|
||||
//购物车-调整数量
|
||||
export const cartChangeApi = (data)=>{
|
||||
return request.post('/order/cart/change', data);
|
||||
}
|
||||
|
||||
//购物车-清空
|
||||
export const cartDeleteApi = (data)=>{
|
||||
return request.post('/order/cart/delete', data);
|
||||
}
|
||||
|
||||
//购物车-零售列表
|
||||
export const cartListApi = (data)=>{
|
||||
return request.get('/order/RetailOrder/checkOrder', data);
|
||||
}
|
||||
|
|
@ -1,5 +1,9 @@
|
|||
import request from '@/utils/request';
|
||||
|
||||
export const goodListApi = (data)=>{
|
||||
return request.get('/good/list', data);
|
||||
return request.get('/goods/goods/lists', data);
|
||||
}
|
||||
|
||||
export const goodClassListApi = (data)=>{
|
||||
return request.get('/goods/goodsclass/lists', data);
|
||||
}
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
import request from '@/utils/request';
|
||||
|
||||
// 密码登录
|
||||
export const userLoginApi = (data)=>{
|
||||
return request.post('/login/account', data);
|
||||
}
|
||||
|
||||
|
||||
// 添加地址
|
||||
export const addressCreateApi = (data)=>{
|
||||
return request.post('/user/address/create', data);
|
||||
}
|
||||
|
||||
// 修改地址
|
||||
export const addressEditApi = (data)=>{
|
||||
return request.post('/user/address/edit', data);
|
||||
}
|
||||
|
||||
// 删除地址
|
||||
export const addressDeleteApi = (data)=>{
|
||||
return request.post('/user/address/delete', data);
|
||||
}
|
||||
|
||||
// 地址列表
|
||||
export const addressListsApi = (data)=>{
|
||||
return request.post('/user/address/lists', data);
|
||||
}
|
||||
|
||||
// 地址详情
|
||||
export const addressDetailApi = (data)=>{
|
||||
return request.post('/user/address/detail', data);
|
||||
}
|
||||
|
|
@ -94,7 +94,7 @@
|
|||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding-bottom: 20rpx;
|
||||
border-bottom: 1rpx solid #eee;
|
||||
border-bottom: 1rpx solid #f6f6f6;
|
||||
margin-bottom: 20rpx;
|
||||
|
||||
&:last-child {
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
<template>
|
||||
<up-popup :show="show" round="10" @close="close" mode="center">
|
||||
<view class="modal-popup">
|
||||
<view class="head-title">{{title}}</view>
|
||||
<view class="content">{{content}}</view>
|
||||
<view class="btn-box">
|
||||
<up-popup :show="show" round="10" @close="close" mode="center" :safeAreaInsetBottom="false">
|
||||
<view class="m-modal-popup">
|
||||
<view class="head-title-modal">{{title}}</view>
|
||||
<view class="content-modal">{{content}}</view>
|
||||
<view class="btn-box-modal">
|
||||
<view style="width: 230rpx;"><up-button @click="close" plain color="#999">{{cancleText}}</up-button></view>
|
||||
<view style="width: 230rpx;"><up-button @click="change" color="#20B128">{{confirmText}}</up-button></view>
|
||||
</view>
|
||||
|
|
@ -48,20 +48,20 @@
|
|||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.modal-popup{
|
||||
.m-modal-popup{
|
||||
width: 500rpx;
|
||||
padding: 40rpx;
|
||||
.head-title{
|
||||
.head-title-modal{
|
||||
font-size: 32rpx;
|
||||
text-align: center;
|
||||
}
|
||||
.content{
|
||||
.content-modal{
|
||||
font-size: 26rpx;
|
||||
color: #999;
|
||||
text-align: center;
|
||||
padding: 40rpx 0;
|
||||
}
|
||||
.btn-box{
|
||||
.btn-box-modal{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -79,7 +79,7 @@
|
|||
height: 80rpx;
|
||||
background-color: #fff;
|
||||
border-radius: 0 0 28rpx 28rpx;
|
||||
border-top: 1rpx solid #eee;
|
||||
border-top: 1rpx solid #f6f6f6;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
|
|
|||
|
|
@ -1,18 +1,17 @@
|
|||
let BASE_URL
|
||||
import store from "@/store/index.js"
|
||||
import store from "@/store/user.js"
|
||||
// 环境
|
||||
let env = "dev"
|
||||
// let env = "prod"
|
||||
|
||||
switch(env){
|
||||
case 'prod': BASE_URL = '';break;
|
||||
default: BASE_URL = 'http://192.168.1.9:8787';
|
||||
}
|
||||
|
||||
let HTTP_REQUEST_URL
|
||||
let HEADER
|
||||
if (env == 'dev') {
|
||||
BASE_URL = 'https://ceshi-suyuan-breed.lihaink.cn/'
|
||||
// BASE_URL = 'http://192.168.1.24:8084/'
|
||||
} else if (env = 'prod') {
|
||||
BASE_URL = 'https://suyuan-breed.lihaink.cn/'
|
||||
}
|
||||
|
||||
let config = {
|
||||
HTTP_REQUEST_URL: BASE_URL,
|
||||
HEADER: {
|
||||
|
|
@ -24,8 +23,8 @@ let config = {
|
|||
'Form-type': 'app',
|
||||
//#endif
|
||||
'TOKEN': ''
|
||||
|
||||
}
|
||||
},
|
||||
ENV: env,
|
||||
}
|
||||
|
||||
export {
|
||||
|
|
|
|||
12
pages.json
12
pages.json
|
|
@ -21,7 +21,9 @@
|
|||
"path": "pages/login/login",
|
||||
"style": {
|
||||
"navigationBarTitleText": "登录",
|
||||
"enablePullDownRefresh": false
|
||||
"enablePullDownRefresh": false,
|
||||
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
|
|
@ -76,6 +78,14 @@
|
|||
"navigationBarTitleText" : "",
|
||||
"enablePullDownRefresh" : false
|
||||
}
|
||||
},
|
||||
{
|
||||
"path" : "settle/settle",
|
||||
"style" :
|
||||
{
|
||||
"navigationBarTitleText" : "确认订单",
|
||||
"enablePullDownRefresh" : false
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -90,7 +90,7 @@
|
|||
<image v-else src="@/static/icon/check.png"></image>
|
||||
<text style="font-size: 24rpx;">全选</text>
|
||||
</view>
|
||||
<view v-if="true" class="btn-box">
|
||||
<view v-if="true" class="btn-boxs">
|
||||
<view class="all-price">
|
||||
<view style="width: 80rpx;">合计:</view>
|
||||
<view class="price">
|
||||
|
|
@ -101,7 +101,7 @@
|
|||
</view>
|
||||
<up-button color="#20b128" shape="circle" :disabled="false" @click="settleAccounts">去结算<text>(2)</text></up-button>
|
||||
</view>
|
||||
<view v-else class="btn-box">
|
||||
<view v-else class="btn-boxs">
|
||||
<!-- <view style="width: 100px;margin-right: 20rpx;"><up-button size="small" plain color="#989898" shape="circle">移入收藏夹</up-button></view> -->
|
||||
<view style="width: 80px;"><up-button size="small" plain color="#989898" shape="circle">删除</up-button></view>
|
||||
</view>
|
||||
|
|
@ -112,6 +112,7 @@
|
|||
|
||||
<script setup>
|
||||
import { ref } from 'vue';
|
||||
import { cartListApi } from "@/api/cart.js"
|
||||
|
||||
// 创建响应式数据
|
||||
const list = ref(['购物车', '常买']);
|
||||
|
|
@ -130,8 +131,18 @@
|
|||
|
||||
// 结算
|
||||
const settleAccounts = ()=>{
|
||||
|
||||
uni.navigateTo({
|
||||
url: '/pagesOrder/settle/settle'
|
||||
})
|
||||
}
|
||||
|
||||
const cartList = ref([]);
|
||||
const getcartList = ()=>{
|
||||
cartListApi().then(res=>{
|
||||
console.log(res);
|
||||
})
|
||||
}
|
||||
getcartList()
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
|
|
@ -171,7 +182,7 @@
|
|||
top: var(--window-top);
|
||||
left: 0;
|
||||
right: 0;
|
||||
background-color: #eee;
|
||||
background-color: #f6f6f6;
|
||||
z-index: 100;
|
||||
height: 60rpx;
|
||||
line-height: 60rpx;
|
||||
|
|
@ -186,7 +197,7 @@
|
|||
|
||||
.shop-item {
|
||||
padding: 20rpx;
|
||||
border-bottom: 1rpx solid #eee;
|
||||
border-bottom: 1rpx solid #f6f6f6;
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
|
||||
|
|
@ -277,7 +288,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
.btn-box {
|
||||
.btn-boxs {
|
||||
display: flex;
|
||||
|
||||
.all-price {
|
||||
|
|
|
|||
|
|
@ -3,7 +3,8 @@
|
|||
<up-navbar placeholder style="z-index: 10080;">
|
||||
<!-- #ifdef MP-WEIXIN -->
|
||||
<template #left>
|
||||
<view style="width: 500rpx;"><up-search placeholder="请输入商品" @search="searchKeyword" v-model="keyword" :showAction="false"></up-search>
|
||||
<view style="width: 500rpx;"><up-search placeholder="请输入商品" @search="searchKeyword" v-model="keyword"
|
||||
:showAction="false"></up-search>
|
||||
</view>
|
||||
</template>
|
||||
<!-- #endif -->
|
||||
|
|
@ -12,7 +13,8 @@
|
|||
<view></view>
|
||||
</template>
|
||||
<template #center>
|
||||
<view style="width: 700rpx;"><up-search placeholder="请输入商品" @search="searchKeyword" v-model="keyword" :showAction="false"></up-search>
|
||||
<view style="width: 700rpx;"><up-search placeholder="请输入商品" @search="searchKeyword" v-model="keyword"
|
||||
:showAction="false"></up-search>
|
||||
</view>
|
||||
</template>
|
||||
<!-- #endif -->
|
||||
|
|
@ -20,9 +22,10 @@
|
|||
<view style="position: relative;overflow: hidden;">
|
||||
<scroll-view class="head-view" scroll-x>
|
||||
<view class="list">
|
||||
<view class="item" :class="{'item-active': topActive==index}" v-for="(item, index) in 10" :key="index" @click="changeOne(item, index)">
|
||||
<image class="c-img" src="https://cdn.uviewui.com/uview/album/1.jpg"></image>
|
||||
<view class="c-text u-line-1">惠农生活{{item}}</view>
|
||||
<view class="item" :class="{'item-active': topActive==item.id}" v-for="(item, index) in goodClassList"
|
||||
:key="index" @click="changeOne(item, index)">
|
||||
<view class="c-img"><up-image height="100rpx" width="100rpx" :src="item.pic"></up-image></view>
|
||||
<view class="c-text u-line-1">{{item.name}}</view>
|
||||
</view>
|
||||
<view class="item" style="width: 80rpx;height: 20rpx;">
|
||||
</view>
|
||||
|
|
@ -39,9 +42,10 @@
|
|||
<view class="head-title">全部分类</view>
|
||||
<scroll-view scroll-y style="height: 600rpx;">
|
||||
<view class="list">
|
||||
<view class="item" :class="{'item-active': topActive==index}" v-for="(item, index) in 10" :key="index" @click="changeOne(item, index)">
|
||||
<image class="c-img" src="https://cdn.uviewui.com/uview/album/1.jpg"></image>
|
||||
<view class="c-text u-line-1">惠农生活{{item}}</view>
|
||||
<view class="item" :class="{'item-active': topActive==item.id}" v-for="(item, index) in goodClassList"
|
||||
:key="index" @click="changeOne(item, index)">
|
||||
<view class="c-img"><up-image height="100rpx" width="100rpx" :src="item.pic"></up-image></view>
|
||||
<view class="c-text u-line-1">{{item.name}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
|
|
@ -49,17 +53,17 @@
|
|||
</viewPopup>
|
||||
<view class="scroll-box">
|
||||
<scroll-view class="left" scroll-y>
|
||||
<view class="item u-line-1" :class="{'item-active': leftActive==index}" v-for="(item, index) in 20"
|
||||
:key="index" @click="changeTwo(item, index)">惠农生活{{item}}</view>
|
||||
<view class="item u-line-1" :class="{'item-active': leftActive==item.id}" v-for="(item, index) in goodClassTow"
|
||||
:key="index" @click="changeTwo(item, index)">{{item.name}}</view>
|
||||
<view style="width: 100%;height: 200rpx;"></view>
|
||||
</scroll-view>
|
||||
<view class="right">
|
||||
<view class="classify">
|
||||
<scroll-view style="height: 90rpx;" scroll-x>
|
||||
<view class="classify-list">
|
||||
<view class="classify-list-item u-line-1" :class="{'item-active': rightActive==index}"
|
||||
v-for="(item, index) in 6" :key="index" @click="changeThree(item, index)">
|
||||
牛肉
|
||||
<view class="classify-list-item u-line-1" :class="{'item-active': rightActive==item.id}"
|
||||
v-for="(item, index) in goodClassThree" :key="index" @click="changeThree(item, index)">
|
||||
{{item.name}}
|
||||
</view>
|
||||
<view style="width: 70rpx;flex-shrink: 0;"></view>
|
||||
</view>
|
||||
|
|
@ -69,7 +73,7 @@
|
|||
</view>
|
||||
<view class="order-by">
|
||||
<view class="item" :class="{'order-active': where.order==''}" @click="changeOrder('')">综合</view>
|
||||
<view class="item" :class="{'order-active': where.order=='desc'||where.order=='asc'}"
|
||||
<view class="item" :class="{'order-active': where.order=='desc'||where.order=='asc'}"
|
||||
@click="changeOrder(where.order=='asc'?'desc':'asc')">价格</view>
|
||||
<view class="item" :class="{'order-active': where.order=='sales'}" @click="changeOrder('sales')">销量</view>
|
||||
</view>
|
||||
|
|
@ -78,28 +82,37 @@
|
|||
<view class="cateOne">
|
||||
<scroll-view scroll-y style="height: 230rpx;">
|
||||
<view class="classify-list">
|
||||
<view class="classify-list-item u-line-1" :class="{'item-active': rightActive==index}"
|
||||
v-for="(item, index) in 6" :key="index" @click="changeThree(item, index)">
|
||||
牛肉
|
||||
<view class="classify-list-item u-line-1" :class="{'item-active': rightActive==item.id}"
|
||||
v-for="(item, index) in goodClassThree" :key="index" @click="changeThree(item, index)">
|
||||
{{item.name}}
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</viewPopup>
|
||||
<scroll-view class="list" scroll-y>
|
||||
<view class="shop-item" v-for="(item, index) in 20" :key="index">
|
||||
<image class="shop-img" src="https://cdn.uviewui.com/uview/album/1.jpg"></image>
|
||||
<scroll-view class="list" scroll-y @scrolltolower="loadMoreGood">
|
||||
<view class="shop-item" v-for="(item, index) in goodList" :key="item.id">
|
||||
<view class="shop-img">
|
||||
<up-image width="160rpx" height="160rpx" :src="item.imgs"></up-image>
|
||||
</view>
|
||||
<view class="shop-content">
|
||||
<view class="title">
|
||||
<view class="name u-line-2">好吃的瓜果{{item}}</view>
|
||||
<view class="tip u-line-1">香味辛辣|葱香味浓|调味增香香味辛辣|葱香味浓|调味增香</view>
|
||||
<view class="name u-line-2">{{item.name}}</view>
|
||||
<view class="tip u-line-1">
|
||||
<text>{{item.brand_name}}|</text>
|
||||
<text>{{item.class_name}}|</text>
|
||||
<text>{{item.unit_name}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="price-btn">
|
||||
<view class="price">￥12.00</view>
|
||||
<view class="price">￥{{item.sell}}</view>
|
||||
<view class="btn">
|
||||
<u--icon name="minus-circle-fill" size="20" color="#20b128"></u--icon>
|
||||
<view class="num">{{1}}</view>
|
||||
<u--icon name="plus-circle-fill" size="20" color="#20b128"></u--icon>
|
||||
<up-transition :show="cartList.get(item.id)>0"><u--icon name="minus-circle-fill" size="20"
|
||||
color="#20b128" @click="removeCart(item.id)"></u--icon></up-transition>
|
||||
<up-transition :show="cartList.get(item.id)>0">
|
||||
<view class="num">{{cartList.get(item.id)}}</view>
|
||||
</up-transition>
|
||||
<u--icon name="plus-circle-fill" size="20" color="#20b128" @click="addCart(item.id)"></u--icon>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -108,66 +121,119 @@
|
|||
</scroll-view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { onLoad } from "@dcloudio/uni-app"
|
||||
import { ref } from "vue"
|
||||
import { reactive, ref } from "vue"
|
||||
import { goodListApi, goodClassListApi } from "@/api/good.js"
|
||||
import { cartCreateApi, cartChangeApi } from "@/api/cart.js"
|
||||
import viewPopup from "@/components/viewPopup.vue"
|
||||
|
||||
|
||||
const show = ref(0);
|
||||
|
||||
const topActive = ref(0);
|
||||
const changeOne = (item, index)=>{
|
||||
const changeOne = (item, index) => {
|
||||
console.log('选择', item, index);
|
||||
topActive.value = index;
|
||||
topActive.value = item.id;
|
||||
show.value = 0;
|
||||
goodClassTow.value = item?.children||[];
|
||||
goodClassThree.value = goodClassTow.value[0]?.children||[];
|
||||
leftActive.value = goodClassTow.value[0]?.id;
|
||||
rightActive.value = goodClassThree.value[0]?.id;
|
||||
}
|
||||
|
||||
const leftActive = ref(0);
|
||||
const changeTwo = (item, index) => {
|
||||
console.log('选择', item, index);
|
||||
leftActive.value = item.id;
|
||||
show.value = 0;
|
||||
goodClassThree.value = item?.children||[];
|
||||
rightActive.value = goodClassThree.value[0]?.id;
|
||||
}
|
||||
|
||||
const rightActive = ref(0);
|
||||
const changeThree = (item, index) => {
|
||||
console.log('选择', item, index);
|
||||
rightActive.value = item.id;
|
||||
show.value = 0;
|
||||
}
|
||||
|
||||
const leftActive = ref(2);
|
||||
const changeTwo = (item, index)=>{
|
||||
console.log('选择', item, index);
|
||||
leftActive.value = index;
|
||||
show.value = 0;
|
||||
|
||||
const cartList = reactive(new Map());
|
||||
const addCart = (id) => { //加入购物车
|
||||
cartCreateApi({
|
||||
cart_num: 1,
|
||||
is_new: 0, // 是否直接购买0否1是
|
||||
goods_id: id
|
||||
}).then(res => {
|
||||
console.log(res);
|
||||
let now = cartList.get(id) || 0;
|
||||
cartList.set(id, now + 1);
|
||||
})
|
||||
}
|
||||
|
||||
const rightActive = ref(1);
|
||||
const changeThree = (item, index)=>{
|
||||
console.log('选择', item, index);
|
||||
rightActive.value = index;
|
||||
show.value = 0;
|
||||
const removeCart = (id) => {
|
||||
let num = cartList.get(id) || 0;
|
||||
if (num == 0) return;
|
||||
cartChangeApi({
|
||||
goods_id: id,
|
||||
cart_num: num--
|
||||
}).then(res => {
|
||||
console.log(res);
|
||||
cartList.set(id, num)
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
const keyword = ref('');
|
||||
|
||||
const searchKeyword = ()=>{
|
||||
|
||||
const searchKeyword = () => {
|
||||
console.log('搜索', keyword.value);
|
||||
where.value = keyword.value;
|
||||
}
|
||||
|
||||
const changeOrder = (order)=>{
|
||||
|
||||
const changeOrder = (order) => {
|
||||
console.log('排序', order);
|
||||
where.value.order = order;
|
||||
}
|
||||
|
||||
|
||||
const where = ref({
|
||||
page: 1,
|
||||
pageSize: 15,
|
||||
pageSize: 25,
|
||||
keyword: '',
|
||||
order: ''
|
||||
})
|
||||
const loading = ref(true);
|
||||
const getGoodList = ()=>{
|
||||
const goodList = ref([]);
|
||||
const getGoodList = () => {
|
||||
loading.value = true;
|
||||
setTimeout(()=>{
|
||||
loading.value = false;
|
||||
},3000)
|
||||
goodListApi(where.value).then(res => {
|
||||
goodList.value = [...goodList.value, ...res.data.lists];
|
||||
})
|
||||
}
|
||||
|
||||
onLoad(()=>{
|
||||
|
||||
// 商品列表触底
|
||||
const loadMoreGood = () => {
|
||||
console.log('触底了');
|
||||
}
|
||||
|
||||
const goodClassList = ref([]); // 一级分类
|
||||
const goodClassTow = ref([]); // 二级分类
|
||||
const goodClassThree = ref([]); // 三级分类
|
||||
const getgoodClassList = () => {
|
||||
goodClassListApi().then(res => {
|
||||
goodClassList.value = res.data?.lists||[];
|
||||
goodClassTow.value = goodClassList.value[0]?.children||[];
|
||||
goodClassThree.value = goodClassTow.value[0]?.children||[];
|
||||
topActive.value = goodClassList.value[0]?.id;
|
||||
leftActive.value = goodClassTow.value[0]?.id;
|
||||
rightActive.value = goodClassThree.value[0]?.id;
|
||||
})
|
||||
}
|
||||
|
||||
onLoad(() => {
|
||||
getgoodClassList();
|
||||
getGoodList();
|
||||
})
|
||||
</script>
|
||||
|
|
@ -203,6 +269,7 @@
|
|||
flex-shrink: 0;
|
||||
border-radius: 50%;
|
||||
border: 2px solid transparent;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.c-text {
|
||||
|
|
@ -255,15 +322,16 @@
|
|||
}
|
||||
|
||||
.list {
|
||||
padding: 20rpx 0;
|
||||
padding: 20rpx 20rpx;
|
||||
font-size: 22rpx;
|
||||
display: grid;
|
||||
grid-template-columns: auto auto auto auto auto;
|
||||
grid-template-columns: repeat(5, 1fr);
|
||||
justify-content: center;
|
||||
grid-gap: 20rpx;
|
||||
|
||||
.item {
|
||||
width: 120rpx;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
|
@ -274,6 +342,7 @@
|
|||
flex-shrink: 0;
|
||||
border-radius: 50%;
|
||||
border: 2px solid transparent;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.c-text {
|
||||
|
|
@ -299,10 +368,10 @@
|
|||
}
|
||||
|
||||
.classify-list {
|
||||
padding: 20rpx 0;
|
||||
padding: 20rpx 30rpx;
|
||||
font-size: 22rpx;
|
||||
display: grid;
|
||||
grid-template-columns: auto auto auto;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
justify-content: center;
|
||||
grid-gap: 20rpx;
|
||||
|
||||
|
|
@ -336,7 +405,7 @@
|
|||
/* #endif */
|
||||
width: 170rpx;
|
||||
box-sizing: border-box;
|
||||
background-color: #eee;
|
||||
background-color: #f6f6f6;
|
||||
font-size: 24rpx;
|
||||
|
||||
.item {
|
||||
|
|
@ -377,7 +446,7 @@
|
|||
.classify {
|
||||
height: 150rpx;
|
||||
background-color: #fff;
|
||||
border-bottom: 1rpx solid #eee;
|
||||
border-bottom: 1rpx solid #f6f6f6;
|
||||
position: relative;
|
||||
font-size: 24rpx;
|
||||
|
||||
|
|
@ -424,7 +493,8 @@
|
|||
.item {
|
||||
padding-right: 20rpx;
|
||||
}
|
||||
.order-active{
|
||||
|
||||
.order-active {
|
||||
color: #20b128;
|
||||
}
|
||||
}
|
||||
|
|
@ -434,10 +504,11 @@
|
|||
height: calc(100vh - var(--window-top) - var(--window-bottom) - 180rpx - 150rpx);
|
||||
/* #ifdef H5 */
|
||||
height: calc(100vh - 96px - 180rpx);
|
||||
|
||||
/* #endif */
|
||||
.shop-item {
|
||||
padding: 20rpx;
|
||||
border-bottom: 1rpx solid #eee;
|
||||
border-bottom: 1rpx solid #f6f6f6;
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
|
||||
|
|
@ -446,6 +517,7 @@
|
|||
width: 160rpx;
|
||||
margin-right: 20rpx;
|
||||
border-radius: 14rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.shop-content {
|
||||
|
|
|
|||
|
|
@ -1,81 +1,227 @@
|
|||
<template>
|
||||
<view>
|
||||
<view class="login-box">
|
||||
<view>
|
||||
<up-navbar
|
||||
title="登录"
|
||||
@leftClick="navBack"
|
||||
:autoBack="false"
|
||||
placeholder
|
||||
bgColor="rgba(0,0,0,0)"
|
||||
>
|
||||
</up-navbar>
|
||||
<view class="login-box">
|
||||
<image class="logo" src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/35adb202404271727457954.png"></image>
|
||||
<view class="tips">欢迎登录里海商户采购平台</view>
|
||||
<block v-if="true">
|
||||
<view class="btn">
|
||||
<up-button color="#20B128" size="large"><up-icon name="weixin-fill" color="#fff" size="28"></up-icon>微信登录</up-button>
|
||||
</view>
|
||||
<view class="btn">
|
||||
<up-button color="#ECFFEE" size="large"><text style="color: #20B128;">使用短信验证登录</text></up-button>
|
||||
</view>
|
||||
<block v-if="showWeixin">
|
||||
<up-transition :show="showWeixin">
|
||||
<view class="btn">
|
||||
<up-button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber" color="#20B128" size="large"><up-icon
|
||||
name="weixin-fill" color="#fff" size="28"></up-icon>微信授权手机号登录</up-button>
|
||||
</view>
|
||||
<view class="btn">
|
||||
<up-button color="#ECFFEE" @click="showWeixin=false" size="large"><text style="color: #20B128;">使用短信验证登录</text></up-button>
|
||||
</view>
|
||||
</up-transition>
|
||||
</block>
|
||||
<block v-else>
|
||||
<up-transition :show="!showWeixin">
|
||||
<view class="form">
|
||||
<view class="input">
|
||||
<up-input :customStyle="{height: '100%'}" v-model="loginForm.phone" placeholderClass="place" border="none" placeholder="请输入手机号" type="number">
|
||||
<template #prefix>
|
||||
<image style="height: 40rpx;width: 40rpx;margin-top: 6rpx;"
|
||||
src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/48491202404281006484208.png"></image>
|
||||
</template>
|
||||
</up-input>
|
||||
</view>
|
||||
<view class="input">
|
||||
<up-input :customStyle="{height: '100%'}" v-model="loginForm.code" :maxlength="4" placeholderClass="place" border="none" placeholder="请输入验证码" type="number">
|
||||
<template #prefix>
|
||||
<image style="height: 40rpx;width: 40rpx;margin-top: 6rpx;"
|
||||
src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/3a42f202404281007454918.png"></image>
|
||||
</template>
|
||||
<template #suffix>
|
||||
<up-code :seconds="seconds" ref="uCodeRef"
|
||||
@change="codeChange"></up-code>
|
||||
<view style="color: #20B128;" @click="getCode">{{tips}}</view>
|
||||
</template>
|
||||
</up-input>
|
||||
</view>
|
||||
</view>
|
||||
<view class="btn">
|
||||
<up-button color="#20B128" size="large" @click="codeLogin">登录</up-button>
|
||||
</view>
|
||||
</up-transition>
|
||||
</block>
|
||||
<view class="agreement">
|
||||
<image v-if="true" src="@/static/icon/n-check.png"></image>
|
||||
<image v-else src="@/static/icon/check.png"></image>
|
||||
<image v-if="!isAgree" @click="isAgree=true" src="@/static/icon/n-check.png"></image>
|
||||
<image v-else @click="isAgree=false" src="@/static/icon/check.png"></image>
|
||||
<view>
|
||||
我已同意<text>《用户协议》</text>与<text>《隐私政策》</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import useUserStore from "@/store/user.js"
|
||||
import { onBackPress } from "@dcloudio/uni-app"
|
||||
import { ref } from "vue"
|
||||
import { userLoginApi } from "@/api/user.js";
|
||||
import useUserStore from "@/store/user.js"
|
||||
|
||||
const userStore = useUserStore(); //使用pinia进行状态管理
|
||||
const userStore = useUserStore(); //使用pinia进行状态管理
|
||||
|
||||
const showWeixin = ref(true); //是否显示微信登录
|
||||
const isAgree = ref(false); //是否同意协议
|
||||
|
||||
const weixinLogin = () => {
|
||||
if (!isAgree.value) return uni.$u.toast('请先阅读并同意协议')
|
||||
|
||||
uni.login({
|
||||
provider: 'weixin',
|
||||
success: (res) => {
|
||||
console.log(res);
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
const getPhoneNumber = (e) => {
|
||||
console.log(e);
|
||||
}
|
||||
|
||||
|
||||
const loginForm = ref({
|
||||
phone: '15366662222',
|
||||
code: ''
|
||||
})
|
||||
const isPhone = ()=>{ //检验手机号是否正确
|
||||
loginForm.value.phone = loginForm.value.phone.replace(/\s*/g,""); //去除空格
|
||||
return !/^1[3456789]\d{9}$/.test(loginForm.value.phone);
|
||||
}
|
||||
const codeLogin = ()=>{
|
||||
if (!isAgree.value) return uni.$u.toast('请先阅读并同意协议');
|
||||
// 验证码登录
|
||||
if(isPhone()) return uni.$u.toast('请输入正确的手机号码');
|
||||
console.log('登录');
|
||||
userLoginApi({
|
||||
account: '17811111111',
|
||||
password: '1111',
|
||||
terminal: 3,
|
||||
scene: 1
|
||||
}).then(res=>{
|
||||
console.log(res);
|
||||
})
|
||||
}
|
||||
|
||||
const tips = ref('');
|
||||
const seconds = ref(60);
|
||||
const uCodeRef = ref(null);
|
||||
|
||||
const codeChange = (text) => {
|
||||
tips.value = text;
|
||||
};
|
||||
|
||||
const getCode = () => {
|
||||
if (!isAgree.value) return uni.$u.toast('请先阅读并同意协议');
|
||||
if (uCodeRef.value.canGetCode) {
|
||||
if(isPhone()) return uni.$u.toast('请输入正确的手机号码');
|
||||
// 模拟向后端请求验证码
|
||||
uni.showLoading({
|
||||
title: '正在获取验证码',
|
||||
});
|
||||
setTimeout(() => {
|
||||
uni.hideLoading();
|
||||
// 这里此提示会被start()方法中的提示覆盖
|
||||
uni.$u.toast('验证码已发送');
|
||||
// 通知验证码组件内部开始倒计时
|
||||
uCodeRef.value.start();
|
||||
}, 2000);
|
||||
} else {
|
||||
uni.$u.toast('倒计时结束后再发送');
|
||||
}
|
||||
};
|
||||
|
||||
// 微信小程序无法拦截原生返回按钮，所以使用自定义导航拦截返回
|
||||
const navBack = ()=>{
|
||||
if(showWeixin.value==false) {
|
||||
showWeixin.value = true;
|
||||
return true;
|
||||
}
|
||||
else uni.navigateBack();
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
page{
|
||||
background-color: #fff;
|
||||
}
|
||||
.login-box{
|
||||
width: 700rpx;
|
||||
height: 88vh;
|
||||
margin: 0 auto;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding-top: 10vh;
|
||||
position: relative;
|
||||
|
||||
.logo{
|
||||
height: 152rpx;
|
||||
width: 152rpx;
|
||||
page {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.tips{
|
||||
color: #444444;
|
||||
font-size: 28rpx;
|
||||
margin: 30rpx 0;
|
||||
}
|
||||
|
||||
.btn{
|
||||
width: 600rpx;
|
||||
margin-top: 40rpx;
|
||||
font-size: 32rpx !important;
|
||||
}
|
||||
|
||||
.agreement{
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
|
||||
.login-box {
|
||||
width: 700rpx;
|
||||
height: 88vh;
|
||||
margin: 0 auto;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
color: #444;
|
||||
image{
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
margin-right: 10rpx;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding-top: 10vh;
|
||||
position: relative;
|
||||
|
||||
.logo {
|
||||
height: 152rpx;
|
||||
width: 152rpx;
|
||||
}
|
||||
|
||||
.tips {
|
||||
color: #444444;
|
||||
font-size: 28rpx;
|
||||
margin: 30rpx 0;
|
||||
}
|
||||
|
||||
.btn {
|
||||
width: 600rpx;
|
||||
margin-top: 40rpx;
|
||||
font-size: 32rpx !important;
|
||||
}
|
||||
|
||||
.form {
|
||||
.input {
|
||||
background-color: #ECFFEE;
|
||||
width: 600rpx;
|
||||
height: 90rpx;
|
||||
box-sizing: border-box;
|
||||
padding: 0 20rpx;
|
||||
margin-bottom: 40rpx;
|
||||
|
||||
.place{
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.customStyle{
|
||||
color: red;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.agreement {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
color: #444;
|
||||
|
||||
image {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
|
||||
text {
|
||||
color: #20B128;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
|
@ -51,7 +51,7 @@
|
|||
<up-cell-group>
|
||||
<up-cell title="意见反馈" :isLink="true"></up-cell>
|
||||
<up-cell title="关于我们" :isLink="true"></up-cell>
|
||||
<up-cell title="设置" :isLink="true" url="/pages/login/login"></up-cell>
|
||||
<up-cell title="退出登录" :isLink="true" url="/pages/login/login"></up-cell>
|
||||
</up-cell-group>
|
||||
</view>
|
||||
</view>
|
||||
|
|
|
|||
|
|
@ -2,15 +2,15 @@
|
|||
<view class="">
|
||||
<view class="card">
|
||||
<up-form labelPosition="left" :model="formData" :rules="rules" ref="uForm" labelWidth="100">
|
||||
<up-form-item label="收货人" prop="name" borderBottom>
|
||||
<up-input v-model="formData.name" disabledColor="#ffffff" border="none" placeholder="请填写收货人姓名"></up-input>
|
||||
<up-form-item label="收货人" prop="real_name" borderBottom>
|
||||
<up-input v-model="formData.real_name" disabledColor="#ffffff" border="none" placeholder="请填写收货人姓名"></up-input>
|
||||
</up-form-item>
|
||||
<up-form-item label="联系电话" prop="phone" borderBottom>
|
||||
<up-input v-model="formData.phone" disabledColor="#ffffff" type="number" placeholder="请填写联系电话"
|
||||
border="none"></up-input>
|
||||
</up-form-item>
|
||||
<up-form-item label="详细地址" prop="address" borderBottom>
|
||||
<up-input v-model="formData.address" disabledColor="#ffffff" placeholder="请填写详细地址" border="none"></up-input>
|
||||
<up-form-item label="详细地址" prop="detail" borderBottom>
|
||||
<up-input v-model="formData.detail" disabledColor="#ffffff" placeholder="请填写详细地址" border="none"></up-input>
|
||||
</up-form-item>
|
||||
</up-form>
|
||||
</view>
|
||||
|
|
@ -29,24 +29,40 @@
|
|||
<script setup>
|
||||
import { onLoad } from "@dcloudio/uni-app"
|
||||
import { ref } from "vue"
|
||||
import { addressCreateApi, addressEditApi } from "@/api/user.js"
|
||||
|
||||
const mode = ref('add');
|
||||
|
||||
const formData = ref({
|
||||
name: '',
|
||||
real_name: '',
|
||||
phone: '',
|
||||
address: '',
|
||||
detail: '',
|
||||
isDefault: false
|
||||
})
|
||||
const rules = ref({
|
||||
name: [{ required: true, message: '请输入姓名', trigger: ['blur'] }],
|
||||
real_name: [{ required: true, message: '请输入姓名', trigger: ['blur'] }],
|
||||
phone: [{ required: true, message: '请输入手机号', trigger: ['blur'] }],
|
||||
address: [{ required: true, message: '请输入地址', trigger: ['blur'] }]
|
||||
detail: [{ required: true, message: '请输入地址', trigger: ['blur'] }]
|
||||
})
|
||||
const uForm = ref(null);
|
||||
const submit = () => {
|
||||
uForm.value.validate().then(() => {
|
||||
console.log('验证通过');
|
||||
if(mode.value=='add'){
|
||||
addressCreateApi(formData.value).then(res=>{
|
||||
uni.$u.toast(res.msg);
|
||||
uni.$u.sleep(800).then(res=>{
|
||||
uni.navigateBack();
|
||||
})
|
||||
})
|
||||
} else {
|
||||
addressEditApi(formData.value).then(res=>{
|
||||
uni.$u.toast(res.msg);
|
||||
uni.$u.sleep(800).then(res=>{
|
||||
uni.navigateBack();
|
||||
})
|
||||
})
|
||||
}
|
||||
}).catch(() => {
|
||||
console.log('验证失败');
|
||||
})
|
||||
|
|
|
|||
|
|
@ -1,13 +1,13 @@
|
|||
<template>
|
||||
<view class="list">
|
||||
<view class="address-card" v-for="(item, index) in 3" :key="index">
|
||||
<view class="address-card" v-for="(item, index) in addressList" :key="index">
|
||||
<view class="address-info">
|
||||
<view class="top">
|
||||
<view class="name">收货人：小李</view>
|
||||
<view class="phone">14566666666</view>
|
||||
<view class="name">收货人：{{item.real_name}}</view>
|
||||
<view class="phone">{{item.phone}}</view>
|
||||
</view>
|
||||
<view class="bottom">
|
||||
四川泸州市龙马潭区莲花池街道商业街1号
|
||||
{{item.detail}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="btn-box">
|
||||
|
|
@ -39,6 +39,7 @@
|
|||
<script setup>
|
||||
import { ref } from "vue"
|
||||
import modal from "@/components/modal.vue";
|
||||
import { addressListsApi } from "@/api/user.js"
|
||||
|
||||
const navTo = (url)=>{
|
||||
uni.navigateTo({
|
||||
|
|
@ -58,6 +59,16 @@ const deleteAddress = ()=>{
|
|||
show.value = false;
|
||||
}
|
||||
|
||||
const addressList = ref([]);
|
||||
const getAddressLists = ()=>{
|
||||
addressListsApi().then(res=>{
|
||||
addressList.value = res.data.lists;
|
||||
console.log(addressList);
|
||||
})
|
||||
}
|
||||
|
||||
getAddressLists();
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
|
|
@ -71,7 +82,7 @@ const deleteAddress = ()=>{
|
|||
|
||||
.address-info {
|
||||
padding-bottom: 20rpx;
|
||||
border-bottom: 1rpx solid #eee;
|
||||
border-bottom: 1rpx solid #f6f6f6;
|
||||
margin-bottom: 20rpx;
|
||||
|
||||
.top {
|
||||
|
|
|
|||
|
|
@ -70,7 +70,7 @@
|
|||
</view>
|
||||
<view style="width: 100%;height: 200rpx;"></view>
|
||||
|
||||
<view class="btn-box">
|
||||
<view class="fiexd-btn-box">
|
||||
<view style="color: #777777;" @click="showCancel=true">取消订单</view>
|
||||
<view style="width: 450rpx;">
|
||||
<up-button color="#20B128" shape="circle">立即支付 ¥50.00</up-button>
|
||||
|
|
@ -245,28 +245,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
.btn-box {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
height: 120rpx;
|
||||
height: calc(constant(safe-area-inset-bottom) + 120rpx);
|
||||
/* 适用于iOS设备 */
|
||||
height: calc(env(safe-area-inset-bottom) + 120rpx);
|
||||
/* 适用于Android设备 */
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
background-color: #fff;
|
||||
padding: 20rpx;
|
||||
padding-bottom: calc(constant(safe-area-inset-bottom) + 20rpx);
|
||||
/* 适用于iOS设备 */
|
||||
padding-bottom: calc(env(safe-area-inset-bottom) + 20rpx);
|
||||
/* 适用于Android设备 */
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.cancel-popup {
|
||||
padding: 30rpx;
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,282 @@
|
|||
<template>
|
||||
<view class="">
|
||||
<view v-if="!isAddress" class="m-card row">
|
||||
<up-cell-group>
|
||||
<up-cell title="我的地址" :isLink="true" :border="false" @click="showAddress=true"></up-cell>
|
||||
</up-cell-group>
|
||||
</view>
|
||||
<view v-else class="m-card m-address">
|
||||
<view class="address-info">
|
||||
<view class="top">
|
||||
<up-icon name="map"></up-icon>
|
||||
<view class="t-name">小王</view>
|
||||
<view>155****9999</view>
|
||||
</view>
|
||||
<view class="bottom u-line-2">
|
||||
四川泸州市龙马潭区莲花池街道商业街1号
|
||||
</view>
|
||||
</view>
|
||||
<view class="address-btn">
|
||||
<view style="width: 80px;"><up-button @click="showAddress = true" size="small" shape="circle" color="#f6f6f6"
|
||||
:customStyle="{color:'#666666'}">修改</up-button></view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="m-card row">
|
||||
<up-cell-group>
|
||||
<up-cell title="请添加自提点" :isLink="true" :border="false"></up-cell>
|
||||
</up-cell-group>
|
||||
</view>
|
||||
<view class="m-card m-good">
|
||||
<image class="image" src="../../static/logo.png"></image>
|
||||
<view class="body-content">
|
||||
<view>
|
||||
<view class="title">
|
||||
<view>黄牛肉20kg</view>
|
||||
<view>¥10.00</view>
|
||||
</view>
|
||||
<view class="tips">
|
||||
<view>我不吃牛肉</view>
|
||||
<view>x5</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="time">
|
||||
预计48小时发货
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="m-card good-info">
|
||||
<view class="head-title">价格明细</view>
|
||||
<view class="row">
|
||||
<view>商品总价 <text>共计5件商品</text></view>
|
||||
<view><text>¥</text>50<text>.00</text></view>
|
||||
</view>
|
||||
<view class="row">
|
||||
<view>运费</view>
|
||||
<view><text>¥</text>0<text>.00</text></view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="m-card good-info">
|
||||
<view class="head-title">支付方式</view>
|
||||
<view class="row">
|
||||
<view class="icon-text"><up-icon name="weixin-circle-fill" color="#20b128" size="22"
|
||||
style="margin-right: 10rpx;"></up-icon> 微信支付</view>
|
||||
<view class="icon">
|
||||
<image v-if="true" src="@/static/icon/check.png"></image>
|
||||
<image v-else src="@/static/icon/n-check.png"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="m-card order-remark">
|
||||
<view class="head-title">
|
||||
<text>订单备注</text>
|
||||
<text>0/200</text>
|
||||
</view>
|
||||
<up-textarea style="background-color: #F6F6F6;" v-model="formData.remark" placeholder="暂无备注内容"
|
||||
:height="100"></up-textarea>
|
||||
</view>
|
||||
<view class="fiexd-btn-box">
|
||||
<view class="tips">
|
||||
<view style="margin-right: 20rpx;">80款，共500件</view>
|
||||
<view class="all">
|
||||
<text style="color: #000;">合计: </text>
|
||||
<text>￥</text>
|
||||
<text style="font-size: 32rpx;font-weight: bold;">5620</text>
|
||||
<text>.26</text>
|
||||
</view>
|
||||
</view>
|
||||
<view style="width: 200rpx;">
|
||||
<up-button color="#20B128" shape="circle" @click="submitOrder">提交订单</up-button>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<addressPopup :show="showAddress" @close="showAddress=false" @change="changeAddress" />
|
||||
<modal title="尚未设置收货地址" content="您还没有添加收货地址，请点击添加" cancleText="添加地址" confirmText="继续支付" :show="toastAddressShow"
|
||||
@close="addAddress" @change="goPay" />
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { nextTick, ref } from "vue"
|
||||
import addressPopup from "@/components/addressPopup.vue";
|
||||
import modal from "@/components/modal.vue"
|
||||
|
||||
const formData = ref({
|
||||
remark: ""
|
||||
})
|
||||
|
||||
const isAddress = ref(false);
|
||||
const toastAddressShow = ref(false);
|
||||
|
||||
// 选择地址
|
||||
const showAddress = ref(false);
|
||||
const changeAddress = (e) => {
|
||||
showAddress.value = false;
|
||||
isAddress.value = true;
|
||||
console.log(e);
|
||||
}
|
||||
|
||||
// 选择地址
|
||||
const addAddress = () => {
|
||||
toastAddressShow.value = false;
|
||||
nextTick(()=>{
|
||||
showAddress.value = true;
|
||||
})
|
||||
}
|
||||
// 继续支付
|
||||
const goPay = ()=>{
|
||||
toastAddressShow.value = false;
|
||||
isAddress.value = true;
|
||||
submitOrder();
|
||||
}
|
||||
|
||||
// 提交订单
|
||||
const submitOrder = () => {
|
||||
if (!isAddress.value) return toastAddressShow.value = true;
|
||||
uni.$u.toast('支付成功')
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.m-card {
|
||||
margin: 20rpx;
|
||||
border-radius: 14rpx;
|
||||
background-color: #fff;
|
||||
padding: 20rpx;
|
||||
}
|
||||
|
||||
.row {
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.m-address {
|
||||
margin-bottom: 20rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
color: #999999;
|
||||
|
||||
.address-info {
|
||||
width: 510rpx;
|
||||
|
||||
.top {
|
||||
display: flex;
|
||||
font-size: 28rpx;
|
||||
|
||||
.t-name {
|
||||
color: #444;
|
||||
margin: 0 10rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.bottom {
|
||||
font-size: 24rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.m-good {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 20rpx;
|
||||
|
||||
.image {
|
||||
width: 160rpx;
|
||||
height: 160rpx;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
|
||||
.body-content {
|
||||
width: 490rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
color: #989898;
|
||||
|
||||
.title {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 28rpx;
|
||||
color: #444;
|
||||
}
|
||||
|
||||
.tips {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 24rpx;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
|
||||
.time {
|
||||
background-color: #F6F6F6;
|
||||
padding: 5rpx 10rpx;
|
||||
font-size: 26rpx;
|
||||
color: #444;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.good-info {
|
||||
margin-bottom: 20rpx;
|
||||
|
||||
.head-title {
|
||||
margin-bottom: 18rpx;
|
||||
color: #000;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 18rpx;
|
||||
|
||||
.red {
|
||||
color: #F55726;
|
||||
}
|
||||
|
||||
.icon-text {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.icon {
|
||||
image {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.row-need {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
color: #F55726;
|
||||
}
|
||||
|
||||
text {
|
||||
font-size: 22rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.order-remark {
|
||||
.head-title {
|
||||
margin-bottom: 18rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
}
|
||||
|
||||
.tips {
|
||||
font-size: 28rpx;
|
||||
color: #999;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
flex: 1;
|
||||
margin-right: 20rpx;
|
||||
|
||||
.all {
|
||||
color: #F55726;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -13,11 +13,19 @@ const useUserStore = defineStore("user", () => {
|
|||
uni.setStorageSync('userInfo', data)
|
||||
}
|
||||
|
||||
userInfo.value = {
|
||||
"nickname": "哈哈",
|
||||
"mobile": "17685151643",
|
||||
"avatar": "https://lihaiim.oss-cn-chengdu.aliyuncs.com/image/admin/avatar.png",
|
||||
"token": "a8670fe7f1014c0f5125f6ca0c3b9cb3"
|
||||
}
|
||||
|
||||
const token = ref(uni.getStorageSync('token')||'');
|
||||
const setToken = (data) => {
|
||||
token.value = data;
|
||||
uni.setStorageSync('token', data)
|
||||
}
|
||||
token.value = "a8670fe7f1014c0f5125f6ca0c3b9cb3"
|
||||
|
||||
return { userInfo, setToken, token, setToken }
|
||||
})
|
||||
|
|
|
|||
|
|
@ -234,7 +234,7 @@
|
|||
@import "../../libs/css/components.scss";
|
||||
|
||||
.u-wrap {
|
||||
background-color: #eee;
|
||||
background-color: #f6f6f6;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -67,7 +67,7 @@ import { addStyle, addUnit, sleep } from '../../libs/function/index';
|
|||
* @property {String} mode 模式选择，mode=button为按钮形式，mode=subsection时为分段模式（默认 'button' ）
|
||||
* @property {String ｜ Number} fontSize 字体大小，单位px（默认 12 ）
|
||||
* @property {Boolean} bold 激活选项的字体是否加粗（默认 true ）
|
||||
* @property {String} bgColor 组件背景颜色，mode为button时有效（默认 '#eeeeef' ）
|
||||
* @property {String} bgColor 组件背景颜色，mode为button时有效（默认 '#f6f6f6eef' ）
|
||||
* @property {Object} customStyle 定义需要用到的外部样式
|
||||
* @property {String} keyName 从`list`元素对象中读取的键名（默认 'name' ）
|
||||
*
|
||||
|
|
|
|||
|
|
@ -59,7 +59,7 @@
|
|||
* @property {Object} customStyle 定义需要用到的外部样式
|
||||
*
|
||||
* @event {Function} change 在switch打开或关闭时触发
|
||||
* @example <u-switch v-model="checked" active-color="red" inactive-color="#eee"></u-switch>
|
||||
* @example <u-switch v-model="checked" active-color="red" inactive-color="#f6f6f6"></u-switch>
|
||||
*/
|
||||
export default {
|
||||
name: "u-switch",
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@ export default {
|
|||
mode: 'button',
|
||||
fontSize: 12,
|
||||
bold: true,
|
||||
bgColor: '#eeeeef',
|
||||
bgColor: '#f6f6f6eef',
|
||||
keyName: 'name'
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -38,7 +38,7 @@ declare interface SubsectionProps {
|
|||
bold?: boolean
|
||||
/**
|
||||
* 组件背景颜色，`mode`为`button`时有效
|
||||
* @default "#eeeeef"
|
||||
* @default "#f6f6f6eef"
|
||||
*/
|
||||
bgColor?: string
|
||||
/**
|
||||
|
|
|
|||
|
|
@ -126,6 +126,7 @@ if (!Math) {
|
|||
"./pagesOrder/detail/detail.js";
|
||||
"./pagesOrder/addressList/addressList.js";
|
||||
"./pagesOrder/addressEdit/addressEdit.js";
|
||||
"./pagesOrder/settle/settle.js";
|
||||
}
|
||||
const _sfc_main = {
|
||||
onLaunch: function() {
|
||||
|
|
|
|||
|
|
@ -12,7 +12,8 @@
|
|||
"order/order",
|
||||
"detail/detail",
|
||||
"addressList/addressList",
|
||||
"addressEdit/addressEdit"
|
||||
"addressEdit/addressEdit",
|
||||
"settle/settle"
|
||||
]
|
||||
}
|
||||
],
|
||||
|
|
|
|||
|
|
@ -3059,5 +3059,26 @@
|
|||
}
|
||||
page {
|
||||
font-size: 26rpx;
|
||||
background-color: #eee;
|
||||
background-color: #f6f6f6;
|
||||
}
|
||||
.fiexd-btn-box {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
height: 120rpx;
|
||||
height: calc(constant(safe-area-inset-bottom) + 120rpx);
|
||||
/* 适用于iOS设备 */
|
||||
height: calc(env(safe-area-inset-bottom) + 120rpx);
|
||||
/* 适用于Android设备 */
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
background-color: #fff;
|
||||
padding: 20rpx;
|
||||
padding-bottom: calc(constant(safe-area-inset-bottom) + 20rpx);
|
||||
/* 适用于iOS设备 */
|
||||
padding-bottom: calc(env(safe-area-inset-bottom) + 20rpx);
|
||||
/* 适用于Android设备 */
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}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;}
|
||||
|
|
@ -7710,6 +7710,7 @@ exports.nextTick$1 = nextTick$1;
|
|||
exports.o = o;
|
||||
exports.onLoad = onLoad;
|
||||
exports.p = p;
|
||||
exports.reactive = reactive;
|
||||
exports.ref = ref;
|
||||
exports.resolveComponent = resolveComponent;
|
||||
exports.s = s;
|
||||
|
|
|
|||
|
|
@ -55,7 +55,7 @@
|
|||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding-bottom: 20rpx;
|
||||
border-bottom: 1rpx solid #eee;
|
||||
border-bottom: 1rpx solid #f6f6f6;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
.address-popup .row.data-v-dc6b9753:last-child {
|
||||
|
|
|
|||
|
|
@ -62,7 +62,8 @@ const _sfc_main = {
|
|||
j: common_vendor.p({
|
||||
show: __props.show,
|
||||
round: "10",
|
||||
mode: "center"
|
||||
mode: "center",
|
||||
safeAreaInsetBottom: false
|
||||
})
|
||||
};
|
||||
};
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
<up-popup wx:if="{{j}}" class="data-v-b2596e17" u-s="{{['d']}}" bindclose="{{i}}" u-i="b2596e17-0" bind:__l="__l" u-p="{{j}}"><view class="modal-popup data-v-b2596e17"><view class="head-title data-v-b2596e17">{{a}}</view><view class="content data-v-b2596e17">{{b}}</view><view class="btn-box data-v-b2596e17"><view class="data-v-b2596e17" style="width:230rpx"><up-button wx:if="{{e}}" class="data-v-b2596e17" u-s="{{['d']}}" bindclick="{{d}}" u-i="b2596e17-1,b2596e17-0" bind:__l="__l" u-p="{{e}}">{{c}}</up-button></view><view class="data-v-b2596e17" style="width:230rpx"><up-button wx:if="{{h}}" class="data-v-b2596e17" u-s="{{['d']}}" bindclick="{{g}}" u-i="b2596e17-2,b2596e17-0" bind:__l="__l" u-p="{{h}}">{{f}}</up-button></view></view></view></up-popup>
|
||||
<up-popup wx:if="{{j}}" class="data-v-b2596e17" u-s="{{['d']}}" bindclose="{{i}}" u-i="b2596e17-0" bind:__l="__l" u-p="{{j}}"><view class="m-modal-popup data-v-b2596e17"><view class="head-title-modal data-v-b2596e17">{{a}}</view><view class="content-modal data-v-b2596e17">{{b}}</view><view class="btn-box-modal data-v-b2596e17"><view class="data-v-b2596e17" style="width:230rpx"><up-button wx:if="{{e}}" class="data-v-b2596e17" u-s="{{['d']}}" bindclick="{{d}}" u-i="b2596e17-1,b2596e17-0" bind:__l="__l" u-p="{{e}}">{{c}}</up-button></view><view class="data-v-b2596e17" style="width:230rpx"><up-button wx:if="{{h}}" class="data-v-b2596e17" u-s="{{['d']}}" bindclick="{{g}}" u-i="b2596e17-2,b2596e17-0" bind:__l="__l" u-p="{{h}}">{{f}}</up-button></view></view></view></up-popup>
|
||||
|
|
@ -23,21 +23,21 @@
|
|||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.modal-popup.data-v-b2596e17 {
|
||||
.m-modal-popup.data-v-b2596e17 {
|
||||
width: 500rpx;
|
||||
padding: 40rpx;
|
||||
}
|
||||
.modal-popup .head-title.data-v-b2596e17 {
|
||||
.m-modal-popup .head-title-modal.data-v-b2596e17 {
|
||||
font-size: 32rpx;
|
||||
text-align: center;
|
||||
}
|
||||
.modal-popup .content.data-v-b2596e17 {
|
||||
.m-modal-popup .content-modal.data-v-b2596e17 {
|
||||
font-size: 26rpx;
|
||||
color: #999;
|
||||
text-align: center;
|
||||
padding: 40rpx 0;
|
||||
}
|
||||
.modal-popup .btn-box.data-v-b2596e17 {
|
||||
.m-modal-popup .btn-box-modal.data-v-b2596e17 {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
|
@ -40,7 +40,7 @@
|
|||
height: 80rpx;
|
||||
background-color: #fff;
|
||||
border-radius: 0 0 28rpx 28rpx;
|
||||
border-top: 1rpx solid #eee;
|
||||
border-top: 1rpx solid #f6f6f6;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
|
|
|||
|
|
@ -1,6 +1,10 @@
|
|||
"use strict";
|
||||
const common_vendor = require("../../common/vendor.js");
|
||||
const common_assets = require("../../common/assets.js");
|
||||
const api_cart = require("../../api/cart.js");
|
||||
require("../../utils/request.js");
|
||||
require("../../config/app.js");
|
||||
require("../../store/user.js");
|
||||
if (!Array) {
|
||||
const _easycom_up_navbar2 = common_vendor.resolveComponent("up-navbar");
|
||||
const _easycom_u__icon2 = common_vendor.resolveComponent("u--icon");
|
||||
|
|
@ -32,7 +36,17 @@ const _sfc_main = {
|
|||
tabsActive.value = current;
|
||||
};
|
||||
const settleAccounts = () => {
|
||||
common_vendor.index.navigateTo({
|
||||
url: "/pagesOrder/settle/settle"
|
||||
});
|
||||
};
|
||||
common_vendor.ref([]);
|
||||
const getcartList = () => {
|
||||
api_cart.cartListApi().then((res) => {
|
||||
console.log(res);
|
||||
});
|
||||
};
|
||||
getcartList();
|
||||
return (_ctx, _cache) => {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.f(list.value, (item, index, i0) => {
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
<view><up-navbar wx:if="{{b}}" u-s="{{['left']}}" u-i="da603134-0" bind:__l="__l" u-p="{{b}}"><view style="display:flex" slot="left"><view wx:for="{{a}}" wx:for-item="item" wx:key="c" class="{{['tabs', item.b && 'tabs-active']}}" bindtap="{{item.d}}">{{item.a}}</view></view></up-navbar><swiper class="swiper-box" current="{{k}}" bindanimationfinish="{{l}}"><swiper-item class="swiper-item"><scroll-view scroll-y style="height:100%;width:100%"><view class="page-box1"><view class="total"><view>共计<text style="color:#20B128">3</text>件</view><view wx:if="{{true}}">管理</view><view wx:else>完成</view></view><view wx:if="{{true}}" class="list" style="margin-top:80rpx"><view wx:for="{{c}}" wx:for-item="item" wx:key="f" class="shop-item"><view class="shop-check"><image wx:if="{{item.a}}" src="{{item.b}}"></image><image wx:else src="{{item.c}}"></image></view><image class="shop-img" src="https://cdn.uviewui.com/uview/album/1.jpg"></image><view class="shop-content"><view class="title"><view class="name u-line-2">好吃的瓜果</view><view class="tip u-line-1">香味辛辣|葱香味浓|调味增香香味辛辣|葱香味浓|调味增香</view></view><view class="price-btn"><view class="price">￥12.00</view><view class="btn"><u--icon wx:if="{{d}}" u-i="{{item.d}}" bind:__l="__l" u-p="{{d}}"></u--icon><view class="num">{{e}}</view><u--icon wx:if="{{f}}" u-i="{{item.e}}" bind:__l="__l" u-p="{{f}}"></u--icon></view></view></view></view></view><view wx:else style="margin-top:100rpx"><up-empty wx:if="{{g}}" u-i="da603134-3" bind:__l="__l" u-p="{{g}}"></up-empty></view><view style="width:100%;height:200rpx"></view></view></scroll-view></swiper-item><swiper-item class="swiper-item"><scroll-view scroll-y style="height:100%;width:100%"><view class="page-box1"><view wx:if="{{true}}" class="list"><view wx:for="{{h}}" wx:for-item="item" wx:key="b" class="shop-item"><image class="shop-img" src="https://cdn.uviewui.com/uview/album/1.jpg"></image><view class="shop-content" style="width:490rpx"><view class="title"><view class="name u-line-2">好吃的瓜果</view><view class="tip u-line-1">香味辛辣|葱香味浓|调味增香香味辛辣|葱香味浓|调味增香</view></view><view class="price-btn"><view class="price">￥12.00</view><view class="btn"><up-button wx:if="{{i}}" u-s="{{['d']}}" u-i="{{item.a}}" bind:__l="__l" u-p="{{i}}">加入购物车</up-button></view></view></view></view></view><view wx:else style="margin-top:100rpx"><up-empty wx:if="{{j}}" u-i="da603134-5" bind:__l="__l" u-p="{{j}}"></up-empty></view><view style="width:100%;height:200rpx"></view></view></scroll-view></swiper-item></swiper><up-transition wx:if="{{r}}" u-s="{{['d']}}" u-i="da603134-6" bind:__l="__l" u-p="{{r}}"><view class="cart-btn"><view class="cart-check"><image wx:if="{{false}}" src="{{m}}"></image><image wx:else src="{{n}}"></image><text style="font-size:24rpx">全选</text></view><view wx:if="{{true}}" class="btn-box"><view class="all-price"><view style="width:80rpx">合计:</view><view class="price"><text style="font-size:24rpx">¥</text><text style="font-size:34rpx">20</text><text style="font-size:24rpx">.30</text></view></view><up-button wx:if="{{p}}" u-s="{{['d']}}" bindclick="{{o}}" u-i="da603134-7,da603134-6" bind:__l="__l" u-p="{{p}}">去结算<text>(2)</text></up-button></view><view wx:else class="btn-box"><view style="width:80px"><up-button wx:if="{{q}}" u-s="{{['d']}}" u-i="da603134-8,da603134-6" bind:__l="__l" u-p="{{q}}">删除</up-button></view></view></view></up-transition></view>
|
||||
<view><up-navbar wx:if="{{b}}" u-s="{{['left']}}" u-i="da603134-0" bind:__l="__l" u-p="{{b}}"><view style="display:flex" slot="left"><view wx:for="{{a}}" wx:for-item="item" wx:key="c" class="{{['tabs', item.b && 'tabs-active']}}" bindtap="{{item.d}}">{{item.a}}</view></view></up-navbar><swiper class="swiper-box" current="{{k}}" bindanimationfinish="{{l}}"><swiper-item class="swiper-item"><scroll-view scroll-y style="height:100%;width:100%"><view class="page-box1"><view class="total"><view>共计<text style="color:#20B128">3</text>件</view><view wx:if="{{true}}">管理</view><view wx:else>完成</view></view><view wx:if="{{true}}" class="list" style="margin-top:80rpx"><view wx:for="{{c}}" wx:for-item="item" wx:key="f" class="shop-item"><view class="shop-check"><image wx:if="{{item.a}}" src="{{item.b}}"></image><image wx:else src="{{item.c}}"></image></view><image class="shop-img" src="https://cdn.uviewui.com/uview/album/1.jpg"></image><view class="shop-content"><view class="title"><view class="name u-line-2">好吃的瓜果</view><view class="tip u-line-1">香味辛辣|葱香味浓|调味增香香味辛辣|葱香味浓|调味增香</view></view><view class="price-btn"><view class="price">￥12.00</view><view class="btn"><u--icon wx:if="{{d}}" u-i="{{item.d}}" bind:__l="__l" u-p="{{d}}"></u--icon><view class="num">{{e}}</view><u--icon wx:if="{{f}}" u-i="{{item.e}}" bind:__l="__l" u-p="{{f}}"></u--icon></view></view></view></view></view><view wx:else style="margin-top:100rpx"><up-empty wx:if="{{g}}" u-i="da603134-3" bind:__l="__l" u-p="{{g}}"></up-empty></view><view style="width:100%;height:200rpx"></view></view></scroll-view></swiper-item><swiper-item class="swiper-item"><scroll-view scroll-y style="height:100%;width:100%"><view class="page-box1"><view wx:if="{{true}}" class="list"><view wx:for="{{h}}" wx:for-item="item" wx:key="b" class="shop-item"><image class="shop-img" src="https://cdn.uviewui.com/uview/album/1.jpg"></image><view class="shop-content" style="width:490rpx"><view class="title"><view class="name u-line-2">好吃的瓜果</view><view class="tip u-line-1">香味辛辣|葱香味浓|调味增香香味辛辣|葱香味浓|调味增香</view></view><view class="price-btn"><view class="price">￥12.00</view><view class="btn"><up-button wx:if="{{i}}" u-s="{{['d']}}" u-i="{{item.a}}" bind:__l="__l" u-p="{{i}}">加入购物车</up-button></view></view></view></view></view><view wx:else style="margin-top:100rpx"><up-empty wx:if="{{j}}" u-i="da603134-5" bind:__l="__l" u-p="{{j}}"></up-empty></view><view style="width:100%;height:200rpx"></view></view></scroll-view></swiper-item></swiper><up-transition wx:if="{{r}}" u-s="{{['d']}}" u-i="da603134-6" bind:__l="__l" u-p="{{r}}"><view class="cart-btn"><view class="cart-check"><image wx:if="{{false}}" src="{{m}}"></image><image wx:else src="{{n}}"></image><text style="font-size:24rpx">全选</text></view><view wx:if="{{true}}" class="btn-boxs"><view class="all-price"><view style="width:80rpx">合计:</view><view class="price"><text style="font-size:24rpx">¥</text><text style="font-size:34rpx">20</text><text style="font-size:24rpx">.30</text></view></view><up-button wx:if="{{p}}" u-s="{{['d']}}" bindclick="{{o}}" u-i="da603134-7,da603134-6" bind:__l="__l" u-p="{{p}}">去结算<text>(2)</text></up-button></view><view wx:else class="btn-boxs"><view style="width:80px"><up-button wx:if="{{q}}" u-s="{{['d']}}" u-i="da603134-8,da603134-6" bind:__l="__l" u-p="{{q}}">删除</up-button></view></view></view></up-transition></view>
|
||||
|
|
@ -51,7 +51,7 @@
|
|||
top: var(--window-top);
|
||||
left: 0;
|
||||
right: 0;
|
||||
background-color: #eee;
|
||||
background-color: #f6f6f6;
|
||||
z-index: 100;
|
||||
height: 60rpx;
|
||||
line-height: 60rpx;
|
||||
|
|
@ -65,7 +65,7 @@
|
|||
}
|
||||
.page-box1 .list .shop-item {
|
||||
padding: 20rpx;
|
||||
border-bottom: 1rpx solid #eee;
|
||||
border-bottom: 1rpx solid #f6f6f6;
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
}
|
||||
|
|
@ -139,15 +139,15 @@
|
|||
height: 40rpx;
|
||||
margin: 0 10rpx;
|
||||
}
|
||||
.cart-btn .btn-box {
|
||||
.cart-btn .btn-boxs {
|
||||
display: flex;
|
||||
}
|
||||
.cart-btn .btn-box .all-price {
|
||||
.cart-btn .btn-boxs .all-price {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
.cart-btn .btn-box .all-price .price {
|
||||
.cart-btn .btn-boxs .all-price .price {
|
||||
color: #20B128;
|
||||
display: table-cell;
|
||||
vertical-align: bottom;
|
||||
|
|
|
|||
|
|
@ -1,18 +1,27 @@
|
|||
"use strict";
|
||||
const common_vendor = require("../../common/vendor.js");
|
||||
const api_good = require("../../api/good.js");
|
||||
const api_cart = require("../../api/cart.js");
|
||||
require("../../utils/request.js");
|
||||
require("../../config/app.js");
|
||||
require("../../store/user.js");
|
||||
if (!Array) {
|
||||
const _easycom_up_search2 = common_vendor.resolveComponent("up-search");
|
||||
const _easycom_up_navbar2 = common_vendor.resolveComponent("up-navbar");
|
||||
const _easycom_up_image2 = common_vendor.resolveComponent("up-image");
|
||||
const _easycom_up_icon2 = common_vendor.resolveComponent("up-icon");
|
||||
const _easycom_u__icon2 = common_vendor.resolveComponent("u--icon");
|
||||
(_easycom_up_search2 + _easycom_up_navbar2 + _easycom_up_icon2 + _easycom_u__icon2)();
|
||||
const _easycom_up_transition2 = common_vendor.resolveComponent("up-transition");
|
||||
(_easycom_up_search2 + _easycom_up_navbar2 + _easycom_up_image2 + _easycom_up_icon2 + _easycom_u__icon2 + _easycom_up_transition2)();
|
||||
}
|
||||
const _easycom_up_search = () => "../../uni_modules/uview-plus/components/u-search/u-search.js";
|
||||
const _easycom_up_navbar = () => "../../uni_modules/uview-plus/components/u-navbar/u-navbar.js";
|
||||
const _easycom_up_image = () => "../../uni_modules/uview-plus/components/u-image/u-image.js";
|
||||
const _easycom_up_icon = () => "../../uni_modules/uview-plus/components/u-icon/u-icon.js";
|
||||
const _easycom_u__icon = () => "../../uni_modules/uview-plus/components/u-icon/u-icon.js";
|
||||
const _easycom_up_transition = () => "../../uni_modules/uview-plus/components/u-transition/u-transition.js";
|
||||
if (!Math) {
|
||||
(_easycom_up_search + _easycom_up_navbar + _easycom_up_icon + viewPopup + _easycom_u__icon)();
|
||||
(_easycom_up_search + _easycom_up_navbar + _easycom_up_image + _easycom_up_icon + viewPopup + _easycom_u__icon + _easycom_up_transition)();
|
||||
}
|
||||
const viewPopup = () => "../../components/viewPopup.js";
|
||||
const _sfc_main = {
|
||||
|
|
@ -21,22 +30,55 @@ const _sfc_main = {
|
|||
const show = common_vendor.ref(0);
|
||||
const topActive = common_vendor.ref(0);
|
||||
const changeOne = (item, index) => {
|
||||
var _a, _b, _c;
|
||||
console.log("选择", item, index);
|
||||
topActive.value = index;
|
||||
topActive.value = item.id;
|
||||
show.value = 0;
|
||||
goodClassTow.value = (item == null ? void 0 : item.children) || [];
|
||||
goodClassThree.value = ((_a = goodClassTow.value[0]) == null ? void 0 : _a.children) || [];
|
||||
leftActive.value = (_b = goodClassTow.value[0]) == null ? void 0 : _b.id;
|
||||
rightActive.value = (_c = goodClassThree.value[0]) == null ? void 0 : _c.id;
|
||||
};
|
||||
const leftActive = common_vendor.ref(2);
|
||||
const leftActive = common_vendor.ref(0);
|
||||
const changeTwo = (item, index) => {
|
||||
var _a;
|
||||
console.log("选择", item, index);
|
||||
leftActive.value = index;
|
||||
leftActive.value = item.id;
|
||||
show.value = 0;
|
||||
goodClassThree.value = (item == null ? void 0 : item.children) || [];
|
||||
rightActive.value = (_a = goodClassThree.value[0]) == null ? void 0 : _a.id;
|
||||
};
|
||||
const rightActive = common_vendor.ref(1);
|
||||
const rightActive = common_vendor.ref(0);
|
||||
const changeThree = (item, index) => {
|
||||
console.log("选择", item, index);
|
||||
rightActive.value = index;
|
||||
rightActive.value = item.id;
|
||||
show.value = 0;
|
||||
};
|
||||
const cartList = common_vendor.reactive(/* @__PURE__ */ new Map());
|
||||
const addCart = (id) => {
|
||||
api_cart.cartCreateApi({
|
||||
cart_num: 1,
|
||||
is_new: 0,
|
||||
// 是否直接购买0否1是
|
||||
goods_id: id
|
||||
}).then((res) => {
|
||||
console.log(res);
|
||||
let now = cartList.get(id) || 0;
|
||||
cartList.set(id, now + 1);
|
||||
});
|
||||
};
|
||||
const removeCart = (id) => {
|
||||
let num = cartList.get(id) || 0;
|
||||
if (num == 0)
|
||||
return;
|
||||
api_cart.cartChangeApi({
|
||||
goods_id: id,
|
||||
cart_num: num--
|
||||
}).then((res) => {
|
||||
console.log(res);
|
||||
cartList.set(id, num);
|
||||
});
|
||||
};
|
||||
const keyword = common_vendor.ref("");
|
||||
const searchKeyword = () => {
|
||||
console.log("搜索", keyword.value);
|
||||
|
|
@ -48,18 +90,37 @@ const _sfc_main = {
|
|||
};
|
||||
const where = common_vendor.ref({
|
||||
page: 1,
|
||||
pageSize: 15,
|
||||
pageSize: 25,
|
||||
keyword: "",
|
||||
order: ""
|
||||
});
|
||||
const loading = common_vendor.ref(true);
|
||||
const goodList = common_vendor.ref([]);
|
||||
const getGoodList = () => {
|
||||
loading.value = true;
|
||||
setTimeout(() => {
|
||||
loading.value = false;
|
||||
}, 3e3);
|
||||
api_good.goodListApi(where.value).then((res) => {
|
||||
goodList.value = [...goodList.value, ...res.data.lists];
|
||||
});
|
||||
};
|
||||
const loadMoreGood = () => {
|
||||
console.log("触底了");
|
||||
};
|
||||
const goodClassList = common_vendor.ref([]);
|
||||
const goodClassTow = common_vendor.ref([]);
|
||||
const goodClassThree = common_vendor.ref([]);
|
||||
const getgoodClassList = () => {
|
||||
api_good.goodClassListApi().then((res) => {
|
||||
var _a, _b, _c, _d, _e, _f;
|
||||
goodClassList.value = ((_a = res.data) == null ? void 0 : _a.lists) || [];
|
||||
goodClassTow.value = ((_b = goodClassList.value[0]) == null ? void 0 : _b.children) || [];
|
||||
goodClassThree.value = ((_c = goodClassTow.value[0]) == null ? void 0 : _c.children) || [];
|
||||
topActive.value = (_d = goodClassList.value[0]) == null ? void 0 : _d.id;
|
||||
leftActive.value = (_e = goodClassTow.value[0]) == null ? void 0 : _e.id;
|
||||
rightActive.value = (_f = goodClassThree.value[0]) == null ? void 0 : _f.id;
|
||||
});
|
||||
};
|
||||
common_vendor.onLoad(() => {
|
||||
getgoodClassList();
|
||||
getGoodList();
|
||||
});
|
||||
return (_ctx, _cache) => {
|
||||
|
|
@ -74,12 +135,18 @@ const _sfc_main = {
|
|||
d: common_vendor.p({
|
||||
placeholder: true
|
||||
}),
|
||||
e: common_vendor.f(10, (item, index, i0) => {
|
||||
e: common_vendor.f(goodClassList.value, (item, index, i0) => {
|
||||
return {
|
||||
a: common_vendor.t(item),
|
||||
b: topActive.value == index ? 1 : "",
|
||||
c: index,
|
||||
d: common_vendor.o(($event) => changeOne(item, index), index)
|
||||
a: "1ba6254c-2-" + i0,
|
||||
b: common_vendor.p({
|
||||
height: "100rpx",
|
||||
width: "100rpx",
|
||||
src: item.pic
|
||||
}),
|
||||
c: common_vendor.t(item.name),
|
||||
d: topActive.value == item.id ? 1 : "",
|
||||
e: index,
|
||||
f: common_vendor.o(($event) => changeOne(item, index), index)
|
||||
};
|
||||
}),
|
||||
f: common_vendor.p({
|
||||
|
|
@ -88,12 +155,18 @@ const _sfc_main = {
|
|||
g: common_vendor.o(($event) => show.value = 1),
|
||||
h: show.value === 1
|
||||
}, show.value === 1 ? {
|
||||
i: common_vendor.f(10, (item, index, i0) => {
|
||||
i: common_vendor.f(goodClassList.value, (item, index, i0) => {
|
||||
return {
|
||||
a: common_vendor.t(item),
|
||||
b: topActive.value == index ? 1 : "",
|
||||
c: index,
|
||||
d: common_vendor.o(($event) => changeOne(item, index), index)
|
||||
a: "1ba6254c-5-" + i0 + ",1ba6254c-4",
|
||||
b: common_vendor.p({
|
||||
height: "100rpx",
|
||||
width: "100rpx",
|
||||
src: item.pic
|
||||
}),
|
||||
c: common_vendor.t(item.name),
|
||||
d: topActive.value == item.id ? 1 : "",
|
||||
e: index,
|
||||
f: common_vendor.o(($event) => changeOne(item, index), index)
|
||||
};
|
||||
}),
|
||||
j: common_vendor.o(($event) => show.value = 0),
|
||||
|
|
@ -101,19 +174,20 @@ const _sfc_main = {
|
|||
nav: true
|
||||
})
|
||||
} : {}, {
|
||||
l: common_vendor.f(20, (item, index, i0) => {
|
||||
l: common_vendor.f(goodClassTow.value, (item, index, i0) => {
|
||||
return {
|
||||
a: common_vendor.t(item),
|
||||
b: leftActive.value == index ? 1 : "",
|
||||
a: common_vendor.t(item.name),
|
||||
b: leftActive.value == item.id ? 1 : "",
|
||||
c: index,
|
||||
d: common_vendor.o(($event) => changeTwo(item, index), index)
|
||||
};
|
||||
}),
|
||||
m: common_vendor.f(6, (item, index, i0) => {
|
||||
m: common_vendor.f(goodClassThree.value, (item, index, i0) => {
|
||||
return {
|
||||
a: rightActive.value == index ? 1 : "",
|
||||
b: index,
|
||||
c: common_vendor.o(($event) => changeThree(item, index), index)
|
||||
a: common_vendor.t(item.name),
|
||||
b: rightActive.value == item.id ? 1 : "",
|
||||
c: index,
|
||||
d: common_vendor.o(($event) => changeThree(item, index), index)
|
||||
};
|
||||
}),
|
||||
n: common_vendor.p({
|
||||
|
|
@ -128,21 +202,43 @@ const _sfc_main = {
|
|||
v: common_vendor.o(($event) => changeOrder("sales")),
|
||||
w: show.value === 2
|
||||
}, show.value === 2 ? {
|
||||
x: common_vendor.f(6, (item, index, i0) => {
|
||||
x: common_vendor.f(goodClassThree.value, (item, index, i0) => {
|
||||
return {
|
||||
a: rightActive.value == index ? 1 : "",
|
||||
b: index,
|
||||
c: common_vendor.o(($event) => changeThree(item, index), index)
|
||||
a: common_vendor.t(item.name),
|
||||
b: rightActive.value == item.id ? 1 : "",
|
||||
c: index,
|
||||
d: common_vendor.o(($event) => changeThree(item, index), index)
|
||||
};
|
||||
}),
|
||||
y: common_vendor.o(($event) => show.value = 0)
|
||||
} : {}, {
|
||||
z: common_vendor.f(20, (item, index, i0) => {
|
||||
z: common_vendor.f(goodList.value, (item, index, i0) => {
|
||||
return {
|
||||
a: common_vendor.t(item),
|
||||
b: "1ba6254c-6-" + i0,
|
||||
c: "1ba6254c-7-" + i0,
|
||||
d: index
|
||||
a: "1ba6254c-8-" + i0,
|
||||
b: common_vendor.p({
|
||||
width: "160rpx",
|
||||
height: "160rpx",
|
||||
src: item.imgs
|
||||
}),
|
||||
c: common_vendor.t(item.name),
|
||||
d: common_vendor.t(item.brand_name),
|
||||
e: common_vendor.t(item.class_name),
|
||||
f: common_vendor.t(item.unit_name),
|
||||
g: common_vendor.t(item.sell),
|
||||
h: common_vendor.o(($event) => removeCart(item.id), item.id),
|
||||
i: "1ba6254c-10-" + i0 + "," + ("1ba6254c-9-" + i0),
|
||||
j: "1ba6254c-9-" + i0,
|
||||
k: common_vendor.p({
|
||||
show: cartList.get(item.id) > 0
|
||||
}),
|
||||
l: common_vendor.t(cartList.get(item.id)),
|
||||
m: "1ba6254c-11-" + i0,
|
||||
n: common_vendor.p({
|
||||
show: cartList.get(item.id) > 0
|
||||
}),
|
||||
o: common_vendor.o(($event) => addCart(item.id), item.id),
|
||||
p: "1ba6254c-12-" + i0,
|
||||
q: item.id
|
||||
};
|
||||
}),
|
||||
A: common_vendor.p({
|
||||
|
|
@ -150,12 +246,12 @@ const _sfc_main = {
|
|||
size: "20",
|
||||
color: "#20b128"
|
||||
}),
|
||||
B: common_vendor.t(1),
|
||||
C: common_vendor.p({
|
||||
B: common_vendor.p({
|
||||
name: "plus-circle-fill",
|
||||
size: "20",
|
||||
color: "#20b128"
|
||||
})
|
||||
}),
|
||||
C: common_vendor.o(loadMoreGood)
|
||||
});
|
||||
};
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,8 +5,10 @@
|
|||
"usingComponents": {
|
||||
"up-search": "../../uni_modules/uview-plus/components/u-search/u-search",
|
||||
"up-navbar": "../../uni_modules/uview-plus/components/u-navbar/u-navbar",
|
||||
"up-image": "../../uni_modules/uview-plus/components/u-image/u-image",
|
||||
"up-icon": "../../uni_modules/uview-plus/components/u-icon/u-icon",
|
||||
"u--icon": "../../uni_modules/uview-plus/components/u-icon/u-icon",
|
||||
"up-transition": "../../uni_modules/uview-plus/components/u-transition/u-transition",
|
||||
"view-popup": "../../components/viewPopup"
|
||||
}
|
||||
}
|
||||
|
|
@ -1 +1 @@
|
|||
<view class="content"><up-navbar wx:if="{{d}}" u-s="{{['left']}}" style="z-index:10080" u-i="1ba6254c-0" bind:__l="__l" u-p="{{d}}"><view style="width:500rpx" slot="left"><up-search wx:if="{{c}}" bindsearch="{{a}}" u-i="1ba6254c-1,1ba6254c-0" bind:__l="__l" bindupdateModelValue="{{b}}" u-p="{{c}}"></up-search></view></up-navbar><view style="position:relative;overflow:hidden"><scroll-view class="head-view" scroll-x><view class="list"><view wx:for="{{e}}" wx:for-item="item" wx:key="c" class="{{['item', item.b && 'item-active']}}" bindtap="{{item.d}}"><image class="c-img" src="https://cdn.uviewui.com/uview/album/1.jpg"></image><view class="c-text u-line-1">惠农生活{{item.a}}</view></view><view class="item" style="width:80rpx;height:20rpx"></view></view></scroll-view><view class="r-btn" bindtap="{{g}}"><view>全</view><view>部</view><up-icon wx:if="{{f}}" u-i="1ba6254c-2" bind:__l="__l" u-p="{{f}}"></up-icon></view></view><view-popup wx:if="{{h}}" u-s="{{['d']}}" bindclose="{{j}}" u-i="1ba6254c-3" bind:__l="__l" u-p="{{k}}"><view class="cateOne"><view class="head-title">全部分类</view><scroll-view scroll-y style="height:600rpx"><view class="list"><view wx:for="{{i}}" wx:for-item="item" wx:key="c" class="{{['item', item.b && 'item-active']}}" bindtap="{{item.d}}"><image class="c-img" src="https://cdn.uviewui.com/uview/album/1.jpg"></image><view class="c-text u-line-1">惠农生活{{item.a}}</view></view></view></scroll-view></view></view-popup><view class="scroll-box"><scroll-view class="left" scroll-y><view wx:for="{{l}}" wx:for-item="item" wx:key="c" class="{{['item', 'u-line-1', item.b && 'item-active']}}" bindtap="{{item.d}}">惠农生活{{item.a}}</view><view style="width:100%;height:200rpx"></view></scroll-view><view class="right"><view class="classify"><scroll-view style="height:90rpx" scroll-x><view class="classify-list"><view wx:for="{{m}}" wx:for-item="item" wx:key="b" class="{{['classify-list-item', 'u-line-1', item.a && 'item-active']}}" bindtap="{{item.c}}"> 牛肉 </view><view style="width:70rpx;flex-shrink:0"></view></view></scroll-view><view class="done" bindtap="{{o}}"><up-icon wx:if="{{n}}" u-i="1ba6254c-4" bind:__l="__l" u-p="{{n}}"></up-icon></view><view class="order-by"><view class="{{['item', p && 'order-active']}}" bindtap="{{q}}">综合</view><view class="{{['item', r && 'order-active']}}" bindtap="{{s}}">价格</view><view class="{{['item', t && 'order-active']}}" bindtap="{{v}}">销量</view></view></view><view-popup wx:if="{{w}}" u-s="{{['d']}}" bindclose="{{y}}" u-i="1ba6254c-5" bind:__l="__l"><view class="cateOne"><scroll-view scroll-y style="height:230rpx"><view class="classify-list"><view wx:for="{{x}}" wx:for-item="item" wx:key="b" class="{{['classify-list-item', 'u-line-1', item.a && 'item-active']}}" bindtap="{{item.c}}"> 牛肉 </view></view></scroll-view></view></view-popup><scroll-view class="list" scroll-y><view wx:for="{{z}}" wx:for-item="item" wx:key="d" class="shop-item"><image class="shop-img" src="https://cdn.uviewui.com/uview/album/1.jpg"></image><view class="shop-content"><view class="title"><view class="name u-line-2">好吃的瓜果{{item.a}}</view><view class="tip u-line-1">香味辛辣|葱香味浓|调味增香香味辛辣|葱香味浓|调味增香</view></view><view class="price-btn"><view class="price">￥12.00</view><view class="btn"><u--icon wx:if="{{A}}" u-i="{{item.b}}" bind:__l="__l" u-p="{{A}}"></u--icon><view class="num">{{B}}</view><u--icon wx:if="{{C}}" u-i="{{item.c}}" bind:__l="__l" u-p="{{C}}"></u--icon></view></view></view></view><view style="width:100%;height:200rpx"></view></scroll-view></view></view></view>
|
||||
<view class="content"><up-navbar wx:if="{{d}}" u-s="{{['left']}}" style="z-index:10080" u-i="1ba6254c-0" bind:__l="__l" u-p="{{d}}"><view style="width:500rpx" slot="left"><up-search wx:if="{{c}}" bindsearch="{{a}}" u-i="1ba6254c-1,1ba6254c-0" bind:__l="__l" bindupdateModelValue="{{b}}" u-p="{{c}}"></up-search></view></up-navbar><view style="position:relative;overflow:hidden"><scroll-view class="head-view" scroll-x><view class="list"><view wx:for="{{e}}" wx:for-item="item" wx:key="e" class="{{['item', item.d && 'item-active']}}" bindtap="{{item.f}}"><view class="c-img"><up-image wx:if="{{item.b}}" u-i="{{item.a}}" bind:__l="__l" u-p="{{item.b}}"></up-image></view><view class="c-text u-line-1">{{item.c}}</view></view><view class="item" style="width:80rpx;height:20rpx"></view></view></scroll-view><view class="r-btn" bindtap="{{g}}"><view>全</view><view>部</view><up-icon wx:if="{{f}}" u-i="1ba6254c-3" bind:__l="__l" u-p="{{f}}"></up-icon></view></view><view-popup wx:if="{{h}}" u-s="{{['d']}}" bindclose="{{j}}" u-i="1ba6254c-4" bind:__l="__l" u-p="{{k}}"><view class="cateOne"><view class="head-title">全部分类</view><scroll-view scroll-y style="height:600rpx"><view class="list"><view wx:for="{{i}}" wx:for-item="item" wx:key="e" class="{{['item', item.d && 'item-active']}}" bindtap="{{item.f}}"><view class="c-img"><up-image wx:if="{{item.b}}" u-i="{{item.a}}" bind:__l="__l" u-p="{{item.b}}"></up-image></view><view class="c-text u-line-1">{{item.c}}</view></view></view></scroll-view></view></view-popup><view class="scroll-box"><scroll-view class="left" scroll-y><view wx:for="{{l}}" wx:for-item="item" wx:key="c" class="{{['item', 'u-line-1', item.b && 'item-active']}}" bindtap="{{item.d}}">{{item.a}}</view><view style="width:100%;height:200rpx"></view></scroll-view><view class="right"><view class="classify"><scroll-view style="height:90rpx" scroll-x><view class="classify-list"><view wx:for="{{m}}" wx:for-item="item" wx:key="c" class="{{['classify-list-item', 'u-line-1', item.b && 'item-active']}}" bindtap="{{item.d}}">{{item.a}}</view><view style="width:70rpx;flex-shrink:0"></view></view></scroll-view><view class="done" bindtap="{{o}}"><up-icon wx:if="{{n}}" u-i="1ba6254c-6" bind:__l="__l" u-p="{{n}}"></up-icon></view><view class="order-by"><view class="{{['item', p && 'order-active']}}" bindtap="{{q}}">综合</view><view class="{{['item', r && 'order-active']}}" bindtap="{{s}}">价格</view><view class="{{['item', t && 'order-active']}}" bindtap="{{v}}">销量</view></view></view><view-popup wx:if="{{w}}" u-s="{{['d']}}" bindclose="{{y}}" u-i="1ba6254c-7" bind:__l="__l"><view class="cateOne"><scroll-view scroll-y style="height:230rpx"><view class="classify-list"><view wx:for="{{x}}" wx:for-item="item" wx:key="c" class="{{['classify-list-item', 'u-line-1', item.b && 'item-active']}}" bindtap="{{item.d}}">{{item.a}}</view></view></scroll-view></view></view-popup><scroll-view class="list" scroll-y bindscrolltolower="{{C}}"><view wx:for="{{z}}" wx:for-item="item" wx:key="q" class="shop-item"><view class="shop-img"><up-image wx:if="{{item.b}}" u-i="{{item.a}}" bind:__l="__l" u-p="{{item.b}}"></up-image></view><view class="shop-content"><view class="title"><view class="name u-line-2">{{item.c}}</view><view class="tip u-line-1"><text>{{item.d}}|</text><text>{{item.e}}|</text><text>{{item.f}}</text></view></view><view class="price-btn"><view class="price">￥{{item.g}}</view><view class="btn"><up-transition wx:if="{{item.k}}" u-s="{{['d']}}" u-i="{{item.j}}" bind:__l="__l" u-p="{{item.k}}"><u--icon wx:if="{{A}}" bindclick="{{item.h}}" u-i="{{item.i}}" bind:__l="__l" u-p="{{A}}"></u--icon></up-transition><up-transition wx:if="{{item.n}}" u-s="{{['d']}}" u-i="{{item.m}}" bind:__l="__l" u-p="{{item.n}}"><view class="num">{{item.l}}</view></up-transition><u--icon wx:if="{{B}}" bindclick="{{item.o}}" u-i="{{item.p}}" bind:__l="__l" u-p="{{B}}"></u--icon></view></view></view></view><view style="width:100%;height:200rpx"></view></scroll-view></view></view></view>
|
||||
|
|
@ -52,6 +52,7 @@
|
|||
flex-shrink: 0;
|
||||
border-radius: 50%;
|
||||
border: 2px solid transparent;
|
||||
overflow: hidden;
|
||||
}
|
||||
.head-view .list .item .c-text {
|
||||
width: 100%;
|
||||
|
|
@ -93,15 +94,16 @@
|
|||
padding-left: 30rpx;
|
||||
}
|
||||
.cateOne .list {
|
||||
padding: 20rpx 0;
|
||||
padding: 20rpx 20rpx;
|
||||
font-size: 22rpx;
|
||||
display: grid;
|
||||
grid-template-columns: auto auto auto auto auto;
|
||||
grid-template-columns: repeat(5, 1fr);
|
||||
justify-content: center;
|
||||
grid-gap: 20rpx;
|
||||
}
|
||||
.cateOne .list .item {
|
||||
width: 120rpx;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
|
@ -112,6 +114,7 @@
|
|||
flex-shrink: 0;
|
||||
border-radius: 50%;
|
||||
border: 2px solid transparent;
|
||||
overflow: hidden;
|
||||
}
|
||||
.cateOne .list .item .c-text {
|
||||
width: 100%;
|
||||
|
|
@ -129,10 +132,10 @@
|
|||
color: #fff;
|
||||
}
|
||||
.cateOne .classify-list {
|
||||
padding: 20rpx 0;
|
||||
padding: 20rpx 30rpx;
|
||||
font-size: 22rpx;
|
||||
display: grid;
|
||||
grid-template-columns: auto auto auto;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
justify-content: center;
|
||||
grid-gap: 20rpx;
|
||||
}
|
||||
|
|
@ -158,7 +161,7 @@
|
|||
height: calc(100vh - var(--window-top) - var(--window-bottom) - 180rpx);
|
||||
width: 170rpx;
|
||||
box-sizing: border-box;
|
||||
background-color: #eee;
|
||||
background-color: #f6f6f6;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
.scroll-box .left .item {
|
||||
|
|
@ -192,7 +195,7 @@
|
|||
.scroll-box .right .classify {
|
||||
height: 150rpx;
|
||||
background-color: #fff;
|
||||
border-bottom: 1rpx solid #eee;
|
||||
border-bottom: 1rpx solid #f6f6f6;
|
||||
position: relative;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
|
@ -243,7 +246,7 @@
|
|||
}
|
||||
.scroll-box .right .list .shop-item {
|
||||
padding: 20rpx;
|
||||
border-bottom: 1rpx solid #eee;
|
||||
border-bottom: 1rpx solid #f6f6f6;
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
}
|
||||
|
|
@ -252,6 +255,7 @@
|
|||
width: 160rpx;
|
||||
margin-right: 20rpx;
|
||||
border-radius: 14rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
.scroll-box .right .list .shop-item .shop-content {
|
||||
width: 380rpx;
|
||||
|
|
|
|||
|
|
@ -1,38 +1,170 @@
|
|||
"use strict";
|
||||
const common_vendor = require("../../common/vendor.js");
|
||||
const common_assets = require("../../common/assets.js");
|
||||
const api_user = require("../../api/user.js");
|
||||
const store_user = require("../../store/user.js");
|
||||
require("../../utils/request.js");
|
||||
require("../../config/app.js");
|
||||
if (!Array) {
|
||||
const _easycom_up_navbar2 = common_vendor.resolveComponent("up-navbar");
|
||||
const _easycom_up_icon2 = common_vendor.resolveComponent("up-icon");
|
||||
const _easycom_up_button2 = common_vendor.resolveComponent("up-button");
|
||||
(_easycom_up_icon2 + _easycom_up_button2)();
|
||||
const _easycom_up_transition2 = common_vendor.resolveComponent("up-transition");
|
||||
const _easycom_up_input2 = common_vendor.resolveComponent("up-input");
|
||||
const _easycom_up_code2 = common_vendor.resolveComponent("up-code");
|
||||
(_easycom_up_navbar2 + _easycom_up_icon2 + _easycom_up_button2 + _easycom_up_transition2 + _easycom_up_input2 + _easycom_up_code2)();
|
||||
}
|
||||
const _easycom_up_navbar = () => "../../uni_modules/uview-plus/components/u-navbar/u-navbar.js";
|
||||
const _easycom_up_icon = () => "../../uni_modules/uview-plus/components/u-icon/u-icon.js";
|
||||
const _easycom_up_button = () => "../../uni_modules/uview-plus/components/u-button/u-button.js";
|
||||
const _easycom_up_transition = () => "../../uni_modules/uview-plus/components/u-transition/u-transition.js";
|
||||
const _easycom_up_input = () => "../../uni_modules/uview-plus/components/u-input/u-input.js";
|
||||
const _easycom_up_code = () => "../../uni_modules/uview-plus/components/u-code/u-code.js";
|
||||
if (!Math) {
|
||||
(_easycom_up_icon + _easycom_up_button)();
|
||||
(_easycom_up_navbar + _easycom_up_icon + _easycom_up_button + _easycom_up_transition + _easycom_up_input + _easycom_up_code)();
|
||||
}
|
||||
const _sfc_main = {
|
||||
__name: "login",
|
||||
setup(__props) {
|
||||
store_user.useUserStore();
|
||||
const showWeixin = common_vendor.ref(true);
|
||||
const isAgree = common_vendor.ref(false);
|
||||
const getPhoneNumber = (e) => {
|
||||
console.log(e);
|
||||
};
|
||||
const loginForm = common_vendor.ref({
|
||||
phone: "15366662222",
|
||||
code: ""
|
||||
});
|
||||
const isPhone = () => {
|
||||
loginForm.value.phone = loginForm.value.phone.replace(/\s*/g, "");
|
||||
return !/^1[3456789]\d{9}$/.test(loginForm.value.phone);
|
||||
};
|
||||
const codeLogin = () => {
|
||||
if (!isAgree.value)
|
||||
return common_vendor.index.$u.toast("请先阅读并同意协议");
|
||||
if (isPhone())
|
||||
return common_vendor.index.$u.toast("请输入正确的手机号码");
|
||||
console.log("登录");
|
||||
api_user.userLoginApi({
|
||||
account: "17811111111",
|
||||
password: "1111",
|
||||
terminal: 3,
|
||||
scene: 1
|
||||
}).then((res) => {
|
||||
console.log(res);
|
||||
});
|
||||
};
|
||||
const tips = common_vendor.ref("");
|
||||
const seconds = common_vendor.ref(60);
|
||||
const uCodeRef = common_vendor.ref(null);
|
||||
const codeChange = (text) => {
|
||||
tips.value = text;
|
||||
};
|
||||
const getCode = () => {
|
||||
if (!isAgree.value)
|
||||
return common_vendor.index.$u.toast("请先阅读并同意协议");
|
||||
if (uCodeRef.value.canGetCode) {
|
||||
if (isPhone())
|
||||
return common_vendor.index.$u.toast("请输入正确的手机号码");
|
||||
common_vendor.index.showLoading({
|
||||
title: "正在获取验证码"
|
||||
});
|
||||
setTimeout(() => {
|
||||
common_vendor.index.hideLoading();
|
||||
common_vendor.index.$u.toast("验证码已发送");
|
||||
uCodeRef.value.start();
|
||||
}, 2e3);
|
||||
} else {
|
||||
common_vendor.index.$u.toast("倒计时结束后再发送");
|
||||
}
|
||||
};
|
||||
const navBack = () => {
|
||||
if (showWeixin.value == false) {
|
||||
showWeixin.value = true;
|
||||
return true;
|
||||
} else
|
||||
common_vendor.index.navigateBack();
|
||||
};
|
||||
return (_ctx, _cache) => {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.p({
|
||||
a: common_vendor.o(navBack),
|
||||
b: common_vendor.p({
|
||||
title: "登录",
|
||||
autoBack: false,
|
||||
placeholder: true,
|
||||
bgColor: "rgba(0,0,0,0)"
|
||||
}),
|
||||
c: showWeixin.value
|
||||
}, showWeixin.value ? {
|
||||
d: common_vendor.p({
|
||||
name: "weixin-fill",
|
||||
color: "#fff",
|
||||
size: "28"
|
||||
}),
|
||||
b: common_vendor.p({
|
||||
e: common_vendor.o(getPhoneNumber),
|
||||
f: common_vendor.p({
|
||||
["open-type"]: "getPhoneNumber",
|
||||
color: "#20B128",
|
||||
size: "large"
|
||||
}),
|
||||
c: common_vendor.p({
|
||||
g: common_vendor.o(($event) => showWeixin.value = false),
|
||||
h: common_vendor.p({
|
||||
color: "#ECFFEE",
|
||||
size: "large"
|
||||
}),
|
||||
i: common_vendor.p({
|
||||
show: showWeixin.value
|
||||
})
|
||||
} : {
|
||||
j: common_vendor.o(($event) => loginForm.value.phone = $event),
|
||||
k: common_vendor.p({
|
||||
customStyle: {
|
||||
height: "100%"
|
||||
},
|
||||
placeholderClass: "place",
|
||||
border: "none",
|
||||
placeholder: "请输入手机号",
|
||||
type: "number",
|
||||
modelValue: loginForm.value.phone
|
||||
}),
|
||||
l: common_vendor.sr(uCodeRef, "23c3038c-8,23c3038c-7", {
|
||||
"k": "uCodeRef"
|
||||
}),
|
||||
m: common_vendor.o(codeChange),
|
||||
n: common_vendor.p({
|
||||
seconds: seconds.value
|
||||
}),
|
||||
o: common_vendor.t(tips.value),
|
||||
p: common_vendor.o(getCode),
|
||||
q: common_vendor.o(($event) => loginForm.value.code = $event),
|
||||
r: common_vendor.p({
|
||||
customStyle: {
|
||||
height: "100%"
|
||||
},
|
||||
maxlength: 4,
|
||||
placeholderClass: "place",
|
||||
border: "none",
|
||||
placeholder: "请输入验证码",
|
||||
type: "number",
|
||||
modelValue: loginForm.value.code
|
||||
}),
|
||||
s: common_vendor.o(codeLogin),
|
||||
t: common_vendor.p({
|
||||
color: "#20B128",
|
||||
size: "large"
|
||||
}),
|
||||
v: common_vendor.p({
|
||||
show: !showWeixin.value
|
||||
})
|
||||
}, {
|
||||
d: common_assets._imports_1
|
||||
w: !isAgree.value
|
||||
}, !isAgree.value ? {
|
||||
x: common_vendor.o(($event) => isAgree.value = true),
|
||||
y: common_assets._imports_1
|
||||
} : {
|
||||
z: common_vendor.o(($event) => isAgree.value = false),
|
||||
A: common_assets._imports_0
|
||||
});
|
||||
};
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,8 +1,13 @@
|
|||
{
|
||||
"navigationBarTitleText": "登录",
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom",
|
||||
"usingComponents": {
|
||||
"up-navbar": "../../uni_modules/uview-plus/components/u-navbar/u-navbar",
|
||||
"up-icon": "../../uni_modules/uview-plus/components/u-icon/u-icon",
|
||||
"up-button": "../../uni_modules/uview-plus/components/u-button/u-button"
|
||||
"up-button": "../../uni_modules/uview-plus/components/u-button/u-button",
|
||||
"up-transition": "../../uni_modules/uview-plus/components/u-transition/u-transition",
|
||||
"up-input": "../../uni_modules/uview-plus/components/u-input/u-input",
|
||||
"up-code": "../../uni_modules/uview-plus/components/u-code/u-code"
|
||||
}
|
||||
}
|
||||
|
|
@ -1 +1 @@
|
|||
<view><view class="login-box"><image class="logo" src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/35adb202404271727457954.png"></image><view class="tips">欢迎登录里海商户采购平台</view><block wx:if="{{true}}"><view class="btn"><up-button wx:if="{{b}}" u-s="{{['d']}}" u-i="23c3038c-0" bind:__l="__l" u-p="{{b}}"><up-icon wx:if="{{a}}" u-i="23c3038c-1,23c3038c-0" bind:__l="__l" u-p="{{a}}"></up-icon>微信登录</up-button></view><view class="btn"><up-button wx:if="{{c}}" u-s="{{['d']}}" u-i="23c3038c-2" bind:__l="__l" u-p="{{c}}"><text style="color:#20B128">使用短信验证登录</text></up-button></view></block><view class="agreement"><image wx:if="{{true}}" src="{{d}}"></image><image wx:else src="{{e}}"></image><view> 我已同意<text>《用户协议》</text>与<text>《隐私政策》</text></view></view></view></view>
|
||||
<view><up-navbar wx:if="{{b}}" bindleftClick="{{a}}" u-i="23c3038c-0" bind:__l="__l" u-p="{{b}}"></up-navbar><view class="login-box"><image class="logo" src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/35adb202404271727457954.png"></image><view class="tips">欢迎登录里海商户采购平台</view><block wx:if="{{c}}"><up-transition wx:if="{{i}}" u-s="{{['d']}}" u-i="23c3038c-1" bind:__l="__l" u-p="{{i}}"><view class="btn"><up-button wx:if="{{f}}" u-s="{{['d']}}" bindgetphonenumber="{{e}}" u-i="23c3038c-2,23c3038c-1" bind:__l="__l" u-p="{{f}}"><up-icon wx:if="{{d}}" u-i="23c3038c-3,23c3038c-2" bind:__l="__l" u-p="{{d}}"></up-icon>微信授权手机号登录</up-button></view><view class="btn"><up-button wx:if="{{h}}" u-s="{{['d']}}" bindclick="{{g}}" u-i="23c3038c-4,23c3038c-1" bind:__l="__l" u-p="{{h}}"><text style="color:#20B128">使用短信验证登录</text></up-button></view></up-transition></block><block wx:else><up-transition wx:if="{{v}}" u-s="{{['d']}}" u-i="23c3038c-5" bind:__l="__l" u-p="{{v}}"><view class="form"><view class="input"><up-input wx:if="{{k}}" u-s="{{['prefix']}}" u-i="23c3038c-6,23c3038c-5" bind:__l="__l" bindupdateModelValue="{{j}}" u-p="{{k}}"><image style="height:40rpx;width:40rpx;margin-top:6rpx" src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/48491202404281006484208.png" slot="prefix"></image></up-input></view><view class="input"><up-input wx:if="{{r}}" u-s="{{['prefix','suffix']}}" u-i="23c3038c-7,23c3038c-5" bind:__l="__l" bindupdateModelValue="{{q}}" u-p="{{r}}"><image style="height:40rpx;width:40rpx;margin-top:6rpx" src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/3a42f202404281007454918.png" slot="prefix"></image><view slot="suffix"><up-code wx:if="{{n}}" class="r" u-r="uCodeRef" bindchange="{{m}}" u-i="23c3038c-8,23c3038c-7" bind:__l="__l" u-p="{{n}}"></up-code><view style="color:#20B128" bindtap="{{p}}">{{o}}</view></view></up-input></view></view><view class="btn"><up-button wx:if="{{t}}" u-s="{{['d']}}" bindclick="{{s}}" u-i="23c3038c-9,23c3038c-5" bind:__l="__l" u-p="{{t}}">登录</up-button></view></up-transition></block><view class="agreement"><image wx:if="{{w}}" bindtap="{{x}}" src="{{y}}"></image><image wx:else bindtap="{{z}}" src="{{A}}"></image><view> 我已同意<text>《用户协议》</text>与<text>《隐私政策》</text></view></view></view></view>
|
||||
|
|
@ -51,6 +51,20 @@ page {
|
|||
margin-top: 40rpx;
|
||||
font-size: 32rpx !important;
|
||||
}
|
||||
.login-box .form .input {
|
||||
background-color: #ECFFEE;
|
||||
width: 600rpx;
|
||||
height: 90rpx;
|
||||
box-sizing: border-box;
|
||||
padding: 0 20rpx;
|
||||
margin-bottom: 40rpx;
|
||||
}
|
||||
.login-box .form .input .place {
|
||||
color: #333;
|
||||
}
|
||||
.login-box .form .input .customStyle {
|
||||
color: red;
|
||||
}
|
||||
.login-box .agreement {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
|
|
@ -64,4 +78,7 @@ page {
|
|||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
.login-box .agreement text {
|
||||
color: #20B128;
|
||||
}
|
||||
|
|
@ -49,7 +49,7 @@ const _sfc_main = {
|
|||
isLink: true
|
||||
}),
|
||||
i: common_vendor.p({
|
||||
title: "设置",
|
||||
title: "退出登录",
|
||||
isLink: true,
|
||||
url: "/pages/login/login"
|
||||
})
|
||||
|
|
|
|||
|
|
@ -1,5 +1,9 @@
|
|||
"use strict";
|
||||
const common_vendor = require("../../common/vendor.js");
|
||||
const api_user = require("../../api/user.js");
|
||||
require("../../utils/request.js");
|
||||
require("../../config/app.js");
|
||||
require("../../store/user.js");
|
||||
if (!Array) {
|
||||
const _easycom_up_input2 = common_vendor.resolveComponent("up-input");
|
||||
const _easycom_up_form_item2 = common_vendor.resolveComponent("up-form-item");
|
||||
|
|
@ -21,20 +25,35 @@ const _sfc_main = {
|
|||
setup(__props) {
|
||||
const mode = common_vendor.ref("add");
|
||||
const formData = common_vendor.ref({
|
||||
name: "",
|
||||
real_name: "",
|
||||
phone: "",
|
||||
address: "",
|
||||
detail: "",
|
||||
isDefault: false
|
||||
});
|
||||
const rules = common_vendor.ref({
|
||||
name: [{ required: true, message: "请输入姓名", trigger: ["blur"] }],
|
||||
real_name: [{ required: true, message: "请输入姓名", trigger: ["blur"] }],
|
||||
phone: [{ required: true, message: "请输入手机号", trigger: ["blur"] }],
|
||||
address: [{ required: true, message: "请输入地址", trigger: ["blur"] }]
|
||||
detail: [{ required: true, message: "请输入地址", trigger: ["blur"] }]
|
||||
});
|
||||
const uForm = common_vendor.ref(null);
|
||||
const submit = () => {
|
||||
uForm.value.validate().then(() => {
|
||||
console.log("验证通过");
|
||||
if (mode.value == "add") {
|
||||
api_user.addressCreateApi(formData.value).then((res) => {
|
||||
common_vendor.index.$u.toast(res.msg);
|
||||
common_vendor.index.$u.sleep(800).then((res2) => {
|
||||
common_vendor.index.navigateBack();
|
||||
});
|
||||
});
|
||||
} else {
|
||||
api_user.addressEditApi(formData.value).then((res) => {
|
||||
common_vendor.index.$u.toast(res.msg);
|
||||
common_vendor.index.$u.sleep(800).then((res2) => {
|
||||
common_vendor.index.navigateBack();
|
||||
});
|
||||
});
|
||||
}
|
||||
}).catch(() => {
|
||||
console.log("验证失败");
|
||||
});
|
||||
|
|
@ -52,16 +71,16 @@ const _sfc_main = {
|
|||
});
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: common_vendor.o(($event) => formData.value.name = $event),
|
||||
a: common_vendor.o(($event) => formData.value.real_name = $event),
|
||||
b: common_vendor.p({
|
||||
disabledColor: "#ffffff",
|
||||
border: "none",
|
||||
placeholder: "请填写收货人姓名",
|
||||
modelValue: formData.value.name
|
||||
modelValue: formData.value.real_name
|
||||
}),
|
||||
c: common_vendor.p({
|
||||
label: "收货人",
|
||||
prop: "name",
|
||||
prop: "real_name",
|
||||
borderBottom: true
|
||||
}),
|
||||
d: common_vendor.o(($event) => formData.value.phone = $event),
|
||||
|
|
@ -77,16 +96,16 @@ const _sfc_main = {
|
|||
prop: "phone",
|
||||
borderBottom: true
|
||||
}),
|
||||
g: common_vendor.o(($event) => formData.value.address = $event),
|
||||
g: common_vendor.o(($event) => formData.value.detail = $event),
|
||||
h: common_vendor.p({
|
||||
disabledColor: "#ffffff",
|
||||
placeholder: "请填写详细地址",
|
||||
border: "none",
|
||||
modelValue: formData.value.address
|
||||
modelValue: formData.value.detail
|
||||
}),
|
||||
i: common_vendor.p({
|
||||
label: "详细地址",
|
||||
prop: "address",
|
||||
prop: "detail",
|
||||
borderBottom: true
|
||||
}),
|
||||
j: common_vendor.sr(uForm, "663ade36-0", {
|
||||
|
|
|
|||
|
|
@ -1,6 +1,10 @@
|
|||
"use strict";
|
||||
const common_vendor = require("../../common/vendor.js");
|
||||
const common_assets = require("../../common/assets.js");
|
||||
const api_user = require("../../api/user.js");
|
||||
require("../../utils/request.js");
|
||||
require("../../config/app.js");
|
||||
require("../../store/user.js");
|
||||
if (!Array) {
|
||||
const _easycom_up_icon2 = common_vendor.resolveComponent("up-icon");
|
||||
const _easycom_up_button2 = common_vendor.resolveComponent("up-button");
|
||||
|
|
@ -30,17 +34,29 @@ const _sfc_main = {
|
|||
console.log(deleteInfo.value);
|
||||
show.value = false;
|
||||
};
|
||||
const addressList = common_vendor.ref([]);
|
||||
const getAddressLists = () => {
|
||||
api_user.addressListsApi().then((res) => {
|
||||
addressList.value = res.data.lists;
|
||||
console.log(addressList);
|
||||
});
|
||||
};
|
||||
getAddressLists();
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: common_vendor.f(3, (item, index, i0) => {
|
||||
a: common_vendor.f(addressList.value, (item, index, i0) => {
|
||||
return common_vendor.e({
|
||||
b: common_assets._imports_1
|
||||
a: common_vendor.t(item.real_name),
|
||||
b: common_vendor.t(item.phone),
|
||||
c: common_vendor.t(item.detail)
|
||||
}, {
|
||||
c: "5e66515e-0-" + i0,
|
||||
d: common_vendor.o(($event) => showDelete(item), index),
|
||||
e: "5e66515e-1-" + i0,
|
||||
f: common_vendor.o(($event) => navTo("/pagesOrder/addressEdit/addressEdit?mode=edit"), index),
|
||||
g: index
|
||||
e: common_assets._imports_1
|
||||
}, {
|
||||
f: "5e66515e-0-" + i0,
|
||||
g: common_vendor.o(($event) => showDelete(item), index),
|
||||
h: "5e66515e-1-" + i0,
|
||||
i: common_vendor.o(($event) => navTo("/pagesOrder/addressEdit/addressEdit?mode=edit"), index),
|
||||
j: index
|
||||
});
|
||||
}),
|
||||
b: common_vendor.p({
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
<view class="list"><view wx:for="{{a}}" wx:for-item="item" wx:key="g" class="address-card"><view class="address-info"><view class="top"><view class="name">收货人：小李</view><view class="phone">14566666666</view></view><view class="bottom"> 四川泸州市龙马潭区莲花池街道商业街1号 </view></view><view class="btn-box"><view class="left"><image wx:if="{{false}}" src="{{item.a}}"></image><image wx:else src="{{item.b}}"></image><view>设为默认</view></view><view class="right"><view class="btn" bindtap="{{item.d}}"><up-icon wx:if="{{b}}" u-i="{{item.c}}" bind:__l="__l" u-p="{{b}}"></up-icon> 删除 </view><view class="btn" bindtap="{{item.f}}"><up-icon wx:if="{{c}}" u-i="{{item.e}}" bind:__l="__l" u-p="{{c}}"></up-icon> 编辑 </view></view></view></view><view style="width:100%;height:150rpx"></view><view class="bottom-fixed"><up-button wx:if="{{e}}" u-s="{{['d']}}" bindclick="{{d}}" u-i="5e66515e-2" bind:__l="__l" u-p="{{e}}">新增地址</up-button></view><modal wx:if="{{h}}" bindclose="{{f}}" bindchange="{{g}}" u-i="5e66515e-3" bind:__l="__l" u-p="{{h}}"></modal></view>
|
||||
<view class="list"><view wx:for="{{a}}" wx:for-item="item" wx:key="j" class="address-card"><view class="address-info"><view class="top"><view class="name">收货人：{{item.a}}</view><view class="phone">{{item.b}}</view></view><view class="bottom">{{item.c}}</view></view><view class="btn-box"><view class="left"><image wx:if="{{false}}" src="{{item.d}}"></image><image wx:else src="{{item.e}}"></image><view>设为默认</view></view><view class="right"><view class="btn" bindtap="{{item.g}}"><up-icon wx:if="{{b}}" u-i="{{item.f}}" bind:__l="__l" u-p="{{b}}"></up-icon> 删除 </view><view class="btn" bindtap="{{item.i}}"><up-icon wx:if="{{c}}" u-i="{{item.h}}" bind:__l="__l" u-p="{{c}}"></up-icon> 编辑 </view></view></view></view><view style="width:100%;height:150rpx"></view><view class="bottom-fixed"><up-button wx:if="{{e}}" u-s="{{['d']}}" bindclick="{{d}}" u-i="5e66515e-2" bind:__l="__l" u-p="{{e}}">新增地址</up-button></view><modal wx:if="{{h}}" bindclose="{{f}}" bindchange="{{g}}" u-i="5e66515e-3" bind:__l="__l" u-p="{{h}}"></modal></view>
|
||||
|
|
@ -33,7 +33,7 @@
|
|||
}
|
||||
.address-card .address-info {
|
||||
padding-bottom: 20rpx;
|
||||
border-bottom: 1rpx solid #eee;
|
||||
border-bottom: 1rpx solid #f6f6f6;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
.address-card .address-info .top {
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
<view class=""><view class="count_down"> 还剩<text>00:28:36</text>订单自动取消 </view><view class="m-card m-address"><view class="address-info"><view class="top"><up-icon wx:if="{{a}}" u-i="666b5ad0-0" bind:__l="__l" u-p="{{a}}"></up-icon><view class="t-name">小王</view><view>155****9999</view></view><view class="bottom u-line-2"> 四川泸州市龙马潭区莲花池街道商业街1号 </view></view><view class="address-btn"><view style="width:80px"><up-button wx:if="{{c}}" u-s="{{['d']}}" bindclick="{{b}}" u-i="666b5ad0-1" bind:__l="__l" u-p="{{c}}">修改</up-button></view></view></view><view class="m-card m-good"><image class="image" src="/static/logo.png"></image><view class="body-content"><view><view class="title"><view>黄牛肉20kg</view><view>¥10.00</view></view><view class="tips"><view>我不吃牛肉</view><view>x5</view></view></view><view class="time"> 预计48小时发货 </view></view></view><view class="m-card good-info"><view class="row"><view>商品总价 <text>共计5件商品</text></view><view><text>¥</text>50<text>.00</text></view></view><view class="row"><view>运费</view><view><text>¥</text>0<text>.00</text></view></view><view class="row-need"><view style="margin-right:10rpx">需付款</view><view><text>¥</text>50<text>.00</text></view></view></view><view class="m-card good-info"><view class="head-title">订单信息</view><view class="row"><view>订单编号</view><up-copy wx:if="{{d}}" u-s="{{['d']}}" u-i="666b5ad0-2" bind:__l="__l" u-p="{{d}}"><text>wxo13546486484784555 | 复制</text></up-copy></view><view class="row"><view>下单时间</view><view>2024-04-25 15:00:00</view></view><view class="row" style="margin-bottom:0"><view>支付状态</view><view class="red">待支付</view></view></view><view style="width:100%;height:200rpx"></view><view class="btn-box"><view style="color:#777777" bindtap="{{e}}">取消订单</view><view style="width:450rpx"><up-button wx:if="{{f}}" u-s="{{['d']}}" u-i="666b5ad0-3" bind:__l="__l" u-p="{{f}}">立即支付 ¥50.00</up-button></view></view><up-popup wx:if="{{k}}" u-s="{{['d']}}" bindclose="{{j}}" u-i="666b5ad0-4" bind:__l="__l" u-p="{{k}}"><view class="cancel-popup"><view class="head-title">订单取消</view><view wx:for="{{g}}" wx:for-item="item" wx:key="e" class="row" bindtap="{{item.f}}"><view>{{item.a}}</view><image wx:if="{{item.b}}" src="{{item.c}}"></image><image wx:else src="{{item.d}}"></image></view><up-button wx:if="{{i}}" u-s="{{['d']}}" bindclick="{{h}}" u-i="666b5ad0-5,666b5ad0-4" bind:__l="__l" u-p="{{i}}">提交</up-button></view></up-popup><address-popup wx:if="{{n}}" bindclose="{{l}}" bindchange="{{m}}" u-i="666b5ad0-6" bind:__l="__l" u-p="{{n}}"></address-popup><modal wx:if="{{o}}" u-i="666b5ad0-7" bind:__l="__l" u-p="{{o}}"></modal></view>
|
||||
<view class=""><view class="count_down"> 还剩<text>00:28:36</text>订单自动取消 </view><view class="m-card m-address"><view class="address-info"><view class="top"><up-icon wx:if="{{a}}" u-i="666b5ad0-0" bind:__l="__l" u-p="{{a}}"></up-icon><view class="t-name">小王</view><view>155****9999</view></view><view class="bottom u-line-2"> 四川泸州市龙马潭区莲花池街道商业街1号 </view></view><view class="address-btn"><view style="width:80px"><up-button wx:if="{{c}}" u-s="{{['d']}}" bindclick="{{b}}" u-i="666b5ad0-1" bind:__l="__l" u-p="{{c}}">修改</up-button></view></view></view><view class="m-card m-good"><image class="image" src="/static/logo.png"></image><view class="body-content"><view><view class="title"><view>黄牛肉20kg</view><view>¥10.00</view></view><view class="tips"><view>我不吃牛肉</view><view>x5</view></view></view><view class="time"> 预计48小时发货 </view></view></view><view class="m-card good-info"><view class="row"><view>商品总价 <text>共计5件商品</text></view><view><text>¥</text>50<text>.00</text></view></view><view class="row"><view>运费</view><view><text>¥</text>0<text>.00</text></view></view><view class="row-need"><view style="margin-right:10rpx">需付款</view><view><text>¥</text>50<text>.00</text></view></view></view><view class="m-card good-info"><view class="head-title">订单信息</view><view class="row"><view>订单编号</view><up-copy wx:if="{{d}}" u-s="{{['d']}}" u-i="666b5ad0-2" bind:__l="__l" u-p="{{d}}"><text>wxo13546486484784555 | 复制</text></up-copy></view><view class="row"><view>下单时间</view><view>2024-04-25 15:00:00</view></view><view class="row" style="margin-bottom:0"><view>支付状态</view><view class="red">待支付</view></view></view><view style="width:100%;height:200rpx"></view><view class="fiexd-btn-box"><view style="color:#777777" bindtap="{{e}}">取消订单</view><view style="width:450rpx"><up-button wx:if="{{f}}" u-s="{{['d']}}" u-i="666b5ad0-3" bind:__l="__l" u-p="{{f}}">立即支付 ¥50.00</up-button></view></view><up-popup wx:if="{{k}}" u-s="{{['d']}}" bindclose="{{j}}" u-i="666b5ad0-4" bind:__l="__l" u-p="{{k}}"><view class="cancel-popup"><view class="head-title">订单取消</view><view wx:for="{{g}}" wx:for-item="item" wx:key="e" class="row" bindtap="{{item.f}}"><view>{{item.a}}</view><image wx:if="{{item.b}}" src="{{item.c}}"></image><image wx:else src="{{item.d}}"></image></view><up-button wx:if="{{i}}" u-s="{{['d']}}" bindclick="{{h}}" u-i="666b5ad0-5,666b5ad0-4" bind:__l="__l" u-p="{{i}}">提交</up-button></view></up-popup><address-popup wx:if="{{n}}" bindclose="{{l}}" bindchange="{{m}}" u-i="666b5ad0-6" bind:__l="__l" u-p="{{n}}"></address-popup><modal wx:if="{{o}}" u-i="666b5ad0-7" bind:__l="__l" u-p="{{o}}"></modal></view>
|
||||
|
|
@ -121,27 +121,6 @@
|
|||
.good-info text {
|
||||
font-size: 22rpx;
|
||||
}
|
||||
.btn-box {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
height: 120rpx;
|
||||
height: calc(constant(safe-area-inset-bottom) + 120rpx);
|
||||
/* 适用于iOS设备 */
|
||||
height: calc(env(safe-area-inset-bottom) + 120rpx);
|
||||
/* 适用于Android设备 */
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
background-color: #fff;
|
||||
padding: 20rpx;
|
||||
padding-bottom: calc(constant(safe-area-inset-bottom) + 20rpx);
|
||||
/* 适用于iOS设备 */
|
||||
padding-bottom: calc(env(safe-area-inset-bottom) + 20rpx);
|
||||
/* 适用于Android设备 */
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.cancel-popup {
|
||||
padding: 30rpx;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
"list": [
|
||||
{
|
||||
"name": "",
|
||||
"pathName": "pages/login/login",
|
||||
"pathName": "pagesOrder/settle/settle",
|
||||
"query": "",
|
||||
"launchMode": "default",
|
||||
"scene": null
|
||||
|
|
|
|||
|
|
@ -2,11 +2,18 @@
|
|||
const common_vendor = require("../common/vendor.js");
|
||||
const useUserStore = common_vendor.defineStore("user", () => {
|
||||
const userInfo = common_vendor.ref(common_vendor.index.getStorageSync("userInfo") || {});
|
||||
userInfo.value = {
|
||||
"nickname": "哈哈",
|
||||
"mobile": "17685151643",
|
||||
"avatar": "https://lihaiim.oss-cn-chengdu.aliyuncs.com/image/admin/avatar.png",
|
||||
"token": "a8670fe7f1014c0f5125f6ca0c3b9cb3"
|
||||
};
|
||||
const token = common_vendor.ref(common_vendor.index.getStorageSync("token") || "");
|
||||
const setToken = (data) => {
|
||||
token.value = data;
|
||||
common_vendor.index.setStorageSync("token", data);
|
||||
};
|
||||
token.value = "a8670fe7f1014c0f5125f6ca0c3b9cb3";
|
||||
return { userInfo, setToken, token, setToken };
|
||||
});
|
||||
exports.useUserStore = useUserStore;
|
||||
|
|
|
|||
|
|
@ -1,158 +0,0 @@
|
|||
"use strict";
|
||||
const uni_modules_uviewPlus_components_uForm_props = require("../u-form/props.js");
|
||||
const uni_modules_uviewPlus_libs_mixin_mpMixin = require("../../libs/mixin/mpMixin.js");
|
||||
const uni_modules_uviewPlus_libs_mixin_mixin = require("../../libs/mixin/mixin.js");
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
require("../../libs/config/props.js");
|
||||
require("../../libs/config/config.js");
|
||||
require("../../libs/config/props/actionSheet.js");
|
||||
require("../../libs/config/props/album.js");
|
||||
require("../../libs/config/props/alert.js");
|
||||
require("../../libs/config/props/avatar.js");
|
||||
require("../../libs/config/props/avatarGroup.js");
|
||||
require("../../libs/config/props/backtop.js");
|
||||
require("../../libs/config/props/badge.js");
|
||||
require("../../libs/config/props/button.js");
|
||||
require("../../libs/config/props/calendar.js");
|
||||
require("../../libs/config/props/carKeyboard.js");
|
||||
require("../../libs/config/props/cell.js");
|
||||
require("../../libs/config/props/cellGroup.js");
|
||||
require("../../libs/config/props/checkbox.js");
|
||||
require("../../libs/config/props/checkboxGroup.js");
|
||||
require("../../libs/config/props/circleProgress.js");
|
||||
require("../../libs/config/props/code.js");
|
||||
require("../../libs/config/props/codeInput.js");
|
||||
require("../../libs/config/props/col.js");
|
||||
require("../../libs/config/props/collapse.js");
|
||||
require("../../libs/config/props/collapseItem.js");
|
||||
require("../../libs/config/props/columnNotice.js");
|
||||
require("../../libs/config/props/countDown.js");
|
||||
require("../../libs/config/props/countTo.js");
|
||||
require("../../libs/config/props/datetimePicker.js");
|
||||
require("../../libs/config/props/divider.js");
|
||||
require("../../libs/config/props/empty.js");
|
||||
require("../../libs/config/props/form.js");
|
||||
require("../../libs/config/props/formItem.js");
|
||||
require("../../libs/config/props/gap.js");
|
||||
require("../../libs/config/props/grid.js");
|
||||
require("../../libs/config/props/gridItem.js");
|
||||
require("../../libs/config/props/icon.js");
|
||||
require("../../libs/config/props/image.js");
|
||||
require("../../libs/config/props/indexAnchor.js");
|
||||
require("../../libs/config/props/indexList.js");
|
||||
require("../../libs/config/props/input.js");
|
||||
require("../../libs/config/props/keyboard.js");
|
||||
require("../../libs/config/props/line.js");
|
||||
require("../../libs/config/props/lineProgress.js");
|
||||
require("../../libs/config/props/link.js");
|
||||
require("../../libs/config/props/list.js");
|
||||
require("../../libs/config/props/listItem.js");
|
||||
require("../../libs/config/props/loadingIcon.js");
|
||||
require("../../libs/config/props/loadingPage.js");
|
||||
require("../../libs/config/props/loadmore.js");
|
||||
require("../../libs/config/props/modal.js");
|
||||
require("../../libs/config/props/navbar.js");
|
||||
require("../../libs/config/color.js");
|
||||
require("../../libs/config/props/noNetwork.js");
|
||||
require("../../libs/config/props/noticeBar.js");
|
||||
require("../../libs/config/props/notify.js");
|
||||
require("../../libs/config/props/numberBox.js");
|
||||
require("../../libs/config/props/numberKeyboard.js");
|
||||
require("../../libs/config/props/overlay.js");
|
||||
require("../../libs/config/props/parse.js");
|
||||
require("../../libs/config/props/picker.js");
|
||||
require("../../libs/config/props/popup.js");
|
||||
require("../../libs/config/props/radio.js");
|
||||
require("../../libs/config/props/radioGroup.js");
|
||||
require("../../libs/config/props/rate.js");
|
||||
require("../../libs/config/props/readMore.js");
|
||||
require("../../libs/config/props/row.js");
|
||||
require("../../libs/config/props/rowNotice.js");
|
||||
require("../../libs/config/props/scrollList.js");
|
||||
require("../../libs/config/props/search.js");
|
||||
require("../../libs/config/props/section.js");
|
||||
require("../../libs/config/props/skeleton.js");
|
||||
require("../../libs/config/props/slider.js");
|
||||
require("../../libs/config/props/statusBar.js");
|
||||
require("../../libs/config/props/steps.js");
|
||||
require("../../libs/config/props/stepsItem.js");
|
||||
require("../../libs/config/props/sticky.js");
|
||||
require("../../libs/config/props/subsection.js");
|
||||
require("../../libs/config/props/swipeAction.js");
|
||||
require("../../libs/config/props/swipeActionItem.js");
|
||||
require("../../libs/config/props/swiper.js");
|
||||
require("../../libs/config/props/swipterIndicator.js");
|
||||
require("../../libs/config/props/switch.js");
|
||||
require("../../libs/config/props/tabbar.js");
|
||||
require("../../libs/config/props/tabbarItem.js");
|
||||
require("../../libs/config/props/tabs.js");
|
||||
require("../../libs/config/props/tag.js");
|
||||
require("../../libs/config/props/text.js");
|
||||
require("../../libs/config/props/textarea.js");
|
||||
require("../../libs/config/props/toast.js");
|
||||
require("../../libs/config/props/toolbar.js");
|
||||
require("../../libs/config/props/tooltip.js");
|
||||
require("../../libs/config/props/transition.js");
|
||||
require("../../libs/config/props/upload.js");
|
||||
require("../../libs/function/index.js");
|
||||
require("../../libs/function/test.js");
|
||||
require("../../libs/function/digit.js");
|
||||
require("../../libs/util/route.js");
|
||||
const uvForm = () => "../u-form/u-form.js";
|
||||
const _sfc_main = {
|
||||
name: "u-form",
|
||||
mixins: [uni_modules_uviewPlus_libs_mixin_mpMixin.mpMixin, uni_modules_uviewPlus_components_uForm_props.props, uni_modules_uviewPlus_libs_mixin_mixin.mixin],
|
||||
components: {
|
||||
uvForm
|
||||
},
|
||||
created() {
|
||||
this.children = [];
|
||||
},
|
||||
methods: {
|
||||
// 手动设置校验的规则，如果规则中有函数的话，微信小程序中会过滤掉，所以只能手动调用设置规则
|
||||
setRules(rules) {
|
||||
this.$refs.uForm.setRules(rules);
|
||||
},
|
||||
validate() {
|
||||
this.setMpData();
|
||||
return this.$refs.uForm.validate();
|
||||
},
|
||||
validateField(value, callback) {
|
||||
this.setMpData();
|
||||
return this.$refs.uForm.validateField(value, callback);
|
||||
},
|
||||
resetFields() {
|
||||
this.setMpData();
|
||||
return this.$refs.uForm.resetFields();
|
||||
},
|
||||
clearValidate(props) {
|
||||
this.setMpData();
|
||||
return this.$refs.uForm.clearValidate(props);
|
||||
},
|
||||
setMpData() {
|
||||
this.$refs.uForm.children = this.children;
|
||||
}
|
||||
}
|
||||
};
|
||||
if (!Array) {
|
||||
const _component_uvForm = common_vendor.resolveComponent("uvForm");
|
||||
_component_uvForm();
|
||||
}
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return {
|
||||
a: common_vendor.sr("uForm", "3baec837-0"),
|
||||
b: common_vendor.p({
|
||||
model: _ctx.model,
|
||||
rules: _ctx.rules,
|
||||
errorType: _ctx.errorType,
|
||||
borderBottom: _ctx.borderBottom,
|
||||
labelPosition: _ctx.labelPosition,
|
||||
labelWidth: _ctx.labelWidth,
|
||||
labelAlign: _ctx.labelAlign,
|
||||
labelStyle: _ctx.labelStyle,
|
||||
customStyle: _ctx.customStyle
|
||||
})
|
||||
};
|
||||
}
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:/里海数字乡村/purchase-let/uni_modules/uview-plus/components/u--form/u--form.vue"]]);
|
||||
wx.createComponent(Component);
|
||||
|
|
@ -1,6 +0,0 @@
|
|||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"uv-form": "../u-form/u-form"
|
||||
}
|
||||
}
|
||||
|
|
@ -1 +0,0 @@
|
|||
<uv-form wx:if="{{b}}" class="r" u-s="{{['d']}}" u-r="uForm" u-i="3baec837-0" bind:__l="__l" u-p="{{b}}"><slot/></uv-form>
|
||||
|
|
@ -1,157 +0,0 @@
|
|||
"use strict";
|
||||
const uni_modules_uviewPlus_components_uInput_props = require("../u-input/props.js");
|
||||
const uni_modules_uviewPlus_libs_mixin_mpMixin = require("../../libs/mixin/mpMixin.js");
|
||||
const uni_modules_uviewPlus_libs_mixin_mixin = require("../../libs/mixin/mixin.js");
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
require("../../libs/config/props.js");
|
||||
require("../../libs/config/config.js");
|
||||
require("../../libs/config/props/actionSheet.js");
|
||||
require("../../libs/config/props/album.js");
|
||||
require("../../libs/config/props/alert.js");
|
||||
require("../../libs/config/props/avatar.js");
|
||||
require("../../libs/config/props/avatarGroup.js");
|
||||
require("../../libs/config/props/backtop.js");
|
||||
require("../../libs/config/props/badge.js");
|
||||
require("../../libs/config/props/button.js");
|
||||
require("../../libs/config/props/calendar.js");
|
||||
require("../../libs/config/props/carKeyboard.js");
|
||||
require("../../libs/config/props/cell.js");
|
||||
require("../../libs/config/props/cellGroup.js");
|
||||
require("../../libs/config/props/checkbox.js");
|
||||
require("../../libs/config/props/checkboxGroup.js");
|
||||
require("../../libs/config/props/circleProgress.js");
|
||||
require("../../libs/config/props/code.js");
|
||||
require("../../libs/config/props/codeInput.js");
|
||||
require("../../libs/config/props/col.js");
|
||||
require("../../libs/config/props/collapse.js");
|
||||
require("../../libs/config/props/collapseItem.js");
|
||||
require("../../libs/config/props/columnNotice.js");
|
||||
require("../../libs/config/props/countDown.js");
|
||||
require("../../libs/config/props/countTo.js");
|
||||
require("../../libs/config/props/datetimePicker.js");
|
||||
require("../../libs/config/props/divider.js");
|
||||
require("../../libs/config/props/empty.js");
|
||||
require("../../libs/config/props/form.js");
|
||||
require("../../libs/config/props/formItem.js");
|
||||
require("../../libs/config/props/gap.js");
|
||||
require("../../libs/config/props/grid.js");
|
||||
require("../../libs/config/props/gridItem.js");
|
||||
require("../../libs/config/props/icon.js");
|
||||
require("../../libs/config/props/image.js");
|
||||
require("../../libs/config/props/indexAnchor.js");
|
||||
require("../../libs/config/props/indexList.js");
|
||||
require("../../libs/config/props/input.js");
|
||||
require("../../libs/config/props/keyboard.js");
|
||||
require("../../libs/config/props/line.js");
|
||||
require("../../libs/config/props/lineProgress.js");
|
||||
require("../../libs/config/props/link.js");
|
||||
require("../../libs/config/props/list.js");
|
||||
require("../../libs/config/props/listItem.js");
|
||||
require("../../libs/config/props/loadingIcon.js");
|
||||
require("../../libs/config/props/loadingPage.js");
|
||||
require("../../libs/config/props/loadmore.js");
|
||||
require("../../libs/config/props/modal.js");
|
||||
require("../../libs/config/props/navbar.js");
|
||||
require("../../libs/config/color.js");
|
||||
require("../../libs/config/props/noNetwork.js");
|
||||
require("../../libs/config/props/noticeBar.js");
|
||||
require("../../libs/config/props/notify.js");
|
||||
require("../../libs/config/props/numberBox.js");
|
||||
require("../../libs/config/props/numberKeyboard.js");
|
||||
require("../../libs/config/props/overlay.js");
|
||||
require("../../libs/config/props/parse.js");
|
||||
require("../../libs/config/props/picker.js");
|
||||
require("../../libs/config/props/popup.js");
|
||||
require("../../libs/config/props/radio.js");
|
||||
require("../../libs/config/props/radioGroup.js");
|
||||
require("../../libs/config/props/rate.js");
|
||||
require("../../libs/config/props/readMore.js");
|
||||
require("../../libs/config/props/row.js");
|
||||
require("../../libs/config/props/rowNotice.js");
|
||||
require("../../libs/config/props/scrollList.js");
|
||||
require("../../libs/config/props/search.js");
|
||||
require("../../libs/config/props/section.js");
|
||||
require("../../libs/config/props/skeleton.js");
|
||||
require("../../libs/config/props/slider.js");
|
||||
require("../../libs/config/props/statusBar.js");
|
||||
require("../../libs/config/props/steps.js");
|
||||
require("../../libs/config/props/stepsItem.js");
|
||||
require("../../libs/config/props/sticky.js");
|
||||
require("../../libs/config/props/subsection.js");
|
||||
require("../../libs/config/props/swipeAction.js");
|
||||
require("../../libs/config/props/swipeActionItem.js");
|
||||
require("../../libs/config/props/swiper.js");
|
||||
require("../../libs/config/props/swipterIndicator.js");
|
||||
require("../../libs/config/props/switch.js");
|
||||
require("../../libs/config/props/tabbar.js");
|
||||
require("../../libs/config/props/tabbarItem.js");
|
||||
require("../../libs/config/props/tabs.js");
|
||||
require("../../libs/config/props/tag.js");
|
||||
require("../../libs/config/props/text.js");
|
||||
require("../../libs/config/props/textarea.js");
|
||||
require("../../libs/config/props/toast.js");
|
||||
require("../../libs/config/props/toolbar.js");
|
||||
require("../../libs/config/props/tooltip.js");
|
||||
require("../../libs/config/props/transition.js");
|
||||
require("../../libs/config/props/upload.js");
|
||||
require("../../libs/function/index.js");
|
||||
require("../../libs/function/test.js");
|
||||
require("../../libs/function/digit.js");
|
||||
require("../../libs/util/route.js");
|
||||
const uvInput = () => "../u-input/u-input.js";
|
||||
const _sfc_main = {
|
||||
name: "u--input",
|
||||
mixins: [uni_modules_uviewPlus_libs_mixin_mpMixin.mpMixin, uni_modules_uviewPlus_components_uInput_props.props, uni_modules_uviewPlus_libs_mixin_mixin.mixin],
|
||||
components: {
|
||||
uvInput
|
||||
}
|
||||
};
|
||||
if (!Array) {
|
||||
const _component_uvInput = common_vendor.resolveComponent("uvInput");
|
||||
_component_uvInput();
|
||||
}
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return {
|
||||
a: common_vendor.o((e) => _ctx.$emit("update:modelValue", e)),
|
||||
b: common_vendor.p({
|
||||
modelValue: _ctx.modelValue,
|
||||
type: _ctx.type,
|
||||
fixed: _ctx.fixed,
|
||||
disabled: _ctx.disabled,
|
||||
disabledColor: _ctx.disabledColor,
|
||||
clearable: _ctx.clearable,
|
||||
password: _ctx.password,
|
||||
maxlength: _ctx.maxlength,
|
||||
placeholder: _ctx.placeholder,
|
||||
placeholderClass: _ctx.placeholderClass,
|
||||
placeholderStyle: _ctx.placeholderStyle,
|
||||
showWordLimit: _ctx.showWordLimit,
|
||||
confirmType: _ctx.confirmType,
|
||||
confirmHold: _ctx.confirmHold,
|
||||
holdKeyboard: _ctx.holdKeyboard,
|
||||
focus: _ctx.focus,
|
||||
autoBlur: _ctx.autoBlur,
|
||||
disableDefaultPadding: _ctx.disableDefaultPadding,
|
||||
cursor: _ctx.cursor,
|
||||
cursorSpacing: _ctx.cursorSpacing,
|
||||
selectionStart: _ctx.selectionStart,
|
||||
selectionEnd: _ctx.selectionEnd,
|
||||
adjustPosition: _ctx.adjustPosition,
|
||||
inputAlign: _ctx.inputAlign,
|
||||
fontSize: _ctx.fontSize,
|
||||
color: _ctx.color,
|
||||
prefixIcon: _ctx.prefixIcon,
|
||||
suffixIcon: _ctx.suffixIcon,
|
||||
suffixIconStyle: _ctx.suffixIconStyle,
|
||||
prefixIconStyle: _ctx.prefixIconStyle,
|
||||
border: _ctx.border,
|
||||
readonly: _ctx.readonly,
|
||||
shape: _ctx.shape,
|
||||
customStyle: _ctx.customStyle,
|
||||
formatter: _ctx.formatter,
|
||||
ignoreCompositionEvent: _ctx.ignoreCompositionEvent
|
||||
})
|
||||
};
|
||||
}
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:/里海数字乡村/purchase-let/uni_modules/uview-plus/components/u--input/u--input.vue"]]);
|
||||
wx.createComponent(Component);
|
||||
|
|
@ -1,6 +0,0 @@
|
|||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"uv-input": "../u-input/u-input"
|
||||
}
|
||||
}
|
||||
|
|
@ -1 +0,0 @@
|
|||
<uv-input wx:if="{{b}}" u-s="{{['d']}}" bindupdateModelValue="{{a}}" u-i="fe1fac3a-0" bind:__l="__l" u-p="{{b}}"><slot name="prefix"></slot><slot name="suffix"></slot></uv-input>
|
||||
|
|
@ -1,52 +0,0 @@
|
|||
"use strict";
|
||||
const uni_modules_uviewPlus_libs_config_props = require("../../libs/config/props.js");
|
||||
const props = {
|
||||
props: {
|
||||
// 提示内容
|
||||
loadingText: {
|
||||
type: [String, Number],
|
||||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadingPage.loadingText
|
||||
},
|
||||
// 文字上方用于替换loading动画的图片
|
||||
image: {
|
||||
type: String,
|
||||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadingPage.image
|
||||
},
|
||||
// 加载动画的模式，circle-圆形，spinner-花朵形，semicircle-半圆形
|
||||
loadingMode: {
|
||||
type: String,
|
||||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadingPage.loadingMode
|
||||
},
|
||||
// 是否加载中
|
||||
loading: {
|
||||
type: Boolean,
|
||||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadingPage.loading
|
||||
},
|
||||
// 背景色
|
||||
bgColor: {
|
||||
type: String,
|
||||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadingPage.bgColor
|
||||
},
|
||||
// 文字颜色
|
||||
color: {
|
||||
type: String,
|
||||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadingPage.color
|
||||
},
|
||||
// 文字大小
|
||||
fontSize: {
|
||||
type: [String, Number],
|
||||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadingPage.fontSize
|
||||
},
|
||||
// 图标大小
|
||||
iconSize: {
|
||||
type: [String, Number],
|
||||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadingPage.fontSize
|
||||
},
|
||||
// 加载中图标的颜色，只能rgb或者十六进制颜色值
|
||||
loadingColor: {
|
||||
type: String,
|
||||
default: () => uni_modules_uviewPlus_libs_config_props.defProps.loadingPage.loadingColor
|
||||
}
|
||||
}
|
||||
};
|
||||
exports.props = props;
|
||||
|
|
@ -1,153 +0,0 @@
|
|||
"use strict";
|
||||
const uni_modules_uviewPlus_components_uLoadingPage_props = require("./props.js");
|
||||
const uni_modules_uviewPlus_libs_mixin_mpMixin = require("../../libs/mixin/mpMixin.js");
|
||||
const uni_modules_uviewPlus_libs_mixin_mixin = require("../../libs/mixin/mixin.js");
|
||||
const uni_modules_uviewPlus_libs_function_index = require("../../libs/function/index.js");
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
require("../../libs/config/props.js");
|
||||
require("../../libs/config/config.js");
|
||||
require("../../libs/config/props/actionSheet.js");
|
||||
require("../../libs/config/props/album.js");
|
||||
require("../../libs/config/props/alert.js");
|
||||
require("../../libs/config/props/avatar.js");
|
||||
require("../../libs/config/props/avatarGroup.js");
|
||||
require("../../libs/config/props/backtop.js");
|
||||
require("../../libs/config/props/badge.js");
|
||||
require("../../libs/config/props/button.js");
|
||||
require("../../libs/config/props/calendar.js");
|
||||
require("../../libs/config/props/carKeyboard.js");
|
||||
require("../../libs/config/props/cell.js");
|
||||
require("../../libs/config/props/cellGroup.js");
|
||||
require("../../libs/config/props/checkbox.js");
|
||||
require("../../libs/config/props/checkboxGroup.js");
|
||||
require("../../libs/config/props/circleProgress.js");
|
||||
require("../../libs/config/props/code.js");
|
||||
require("../../libs/config/props/codeInput.js");
|
||||
require("../../libs/config/props/col.js");
|
||||
require("../../libs/config/props/collapse.js");
|
||||
require("../../libs/config/props/collapseItem.js");
|
||||
require("../../libs/config/props/columnNotice.js");
|
||||
require("../../libs/config/props/countDown.js");
|
||||
require("../../libs/config/props/countTo.js");
|
||||
require("../../libs/config/props/datetimePicker.js");
|
||||
require("../../libs/config/props/divider.js");
|
||||
require("../../libs/config/props/empty.js");
|
||||
require("../../libs/config/props/form.js");
|
||||
require("../../libs/config/props/formItem.js");
|
||||
require("../../libs/config/props/gap.js");
|
||||
require("../../libs/config/props/grid.js");
|
||||
require("../../libs/config/props/gridItem.js");
|
||||
require("../../libs/config/props/icon.js");
|
||||
require("../../libs/config/props/image.js");
|
||||
require("../../libs/config/props/indexAnchor.js");
|
||||
require("../../libs/config/props/indexList.js");
|
||||
require("../../libs/config/props/input.js");
|
||||
require("../../libs/config/props/keyboard.js");
|
||||
require("../../libs/config/props/line.js");
|
||||
require("../../libs/config/props/lineProgress.js");
|
||||
require("../../libs/config/props/link.js");
|
||||
require("../../libs/config/props/list.js");
|
||||
require("../../libs/config/props/listItem.js");
|
||||
require("../../libs/config/props/loadingIcon.js");
|
||||
require("../../libs/config/props/loadingPage.js");
|
||||
require("../../libs/config/props/loadmore.js");
|
||||
require("../../libs/config/props/modal.js");
|
||||
require("../../libs/config/props/navbar.js");
|
||||
require("../../libs/config/color.js");
|
||||
require("../../libs/config/props/noNetwork.js");
|
||||
require("../../libs/config/props/noticeBar.js");
|
||||
require("../../libs/config/props/notify.js");
|
||||
require("../../libs/config/props/numberBox.js");
|
||||
require("../../libs/config/props/numberKeyboard.js");
|
||||
require("../../libs/config/props/overlay.js");
|
||||
require("../../libs/config/props/parse.js");
|
||||
require("../../libs/config/props/picker.js");
|
||||
require("../../libs/config/props/popup.js");
|
||||
require("../../libs/config/props/radio.js");
|
||||
require("../../libs/config/props/radioGroup.js");
|
||||
require("../../libs/config/props/rate.js");
|
||||
require("../../libs/config/props/readMore.js");
|
||||
require("../../libs/config/props/row.js");
|
||||
require("../../libs/config/props/rowNotice.js");
|
||||
require("../../libs/config/props/scrollList.js");
|
||||
require("../../libs/config/props/search.js");
|
||||
require("../../libs/config/props/section.js");
|
||||
require("../../libs/config/props/skeleton.js");
|
||||
require("../../libs/config/props/slider.js");
|
||||
require("../../libs/config/props/statusBar.js");
|
||||
require("../../libs/config/props/steps.js");
|
||||
require("../../libs/config/props/stepsItem.js");
|
||||
require("../../libs/config/props/sticky.js");
|
||||
require("../../libs/config/props/subsection.js");
|
||||
require("../../libs/config/props/swipeAction.js");
|
||||
require("../../libs/config/props/swipeActionItem.js");
|
||||
require("../../libs/config/props/swiper.js");
|
||||
require("../../libs/config/props/swipterIndicator.js");
|
||||
require("../../libs/config/props/switch.js");
|
||||
require("../../libs/config/props/tabbar.js");
|
||||
require("../../libs/config/props/tabbarItem.js");
|
||||
require("../../libs/config/props/tabs.js");
|
||||
require("../../libs/config/props/tag.js");
|
||||
require("../../libs/config/props/text.js");
|
||||
require("../../libs/config/props/textarea.js");
|
||||
require("../../libs/config/props/toast.js");
|
||||
require("../../libs/config/props/toolbar.js");
|
||||
require("../../libs/config/props/tooltip.js");
|
||||
require("../../libs/config/props/transition.js");
|
||||
require("../../libs/config/props/upload.js");
|
||||
require("../../libs/function/test.js");
|
||||
require("../../libs/util/route.js");
|
||||
require("../../libs/function/digit.js");
|
||||
const _sfc_main = {
|
||||
name: "u-loading-page",
|
||||
mixins: [uni_modules_uviewPlus_libs_mixin_mpMixin.mpMixin, uni_modules_uviewPlus_libs_mixin_mixin.mixin, uni_modules_uviewPlus_components_uLoadingPage_props.props],
|
||||
data() {
|
||||
return {};
|
||||
},
|
||||
methods: {
|
||||
addUnit: uni_modules_uviewPlus_libs_function_index.addUnit
|
||||
}
|
||||
};
|
||||
if (!Array) {
|
||||
const _easycom_u_loading_icon2 = common_vendor.resolveComponent("u-loading-icon");
|
||||
const _easycom_u_transition2 = common_vendor.resolveComponent("u-transition");
|
||||
(_easycom_u_loading_icon2 + _easycom_u_transition2)();
|
||||
}
|
||||
const _easycom_u_loading_icon = () => "../u-loading-icon/u-loading-icon.js";
|
||||
const _easycom_u_transition = () => "../u-transition/u-transition.js";
|
||||
if (!Math) {
|
||||
(_easycom_u_loading_icon + _easycom_u_transition)();
|
||||
}
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return common_vendor.e({
|
||||
a: _ctx.image
|
||||
}, _ctx.image ? {
|
||||
b: _ctx.image,
|
||||
c: $options.addUnit(_ctx.iconSize),
|
||||
d: $options.addUnit(_ctx.iconSize)
|
||||
} : {
|
||||
e: common_vendor.p({
|
||||
mode: _ctx.loadingMode,
|
||||
size: $options.addUnit(_ctx.iconSize),
|
||||
color: _ctx.loadingColor
|
||||
})
|
||||
}, {
|
||||
f: common_vendor.t(_ctx.loadingText),
|
||||
g: $options.addUnit(_ctx.fontSize),
|
||||
h: _ctx.color,
|
||||
i: common_vendor.p({
|
||||
show: _ctx.loading,
|
||||
["custom-style"]: {
|
||||
position: "fixed",
|
||||
top: 0,
|
||||
left: 0,
|
||||
right: 0,
|
||||
bottom: 0,
|
||||
backgroundColor: _ctx.bgColor,
|
||||
display: "flex"
|
||||
}
|
||||
})
|
||||
});
|
||||
}
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-9c9e88a3"], ["__file", "D:/里海数字乡村/purchase-let/uni_modules/uview-plus/components/u-loading-page/u-loading-page.vue"]]);
|
||||
wx.createComponent(Component);
|
||||
|
|
@ -1,7 +0,0 @@
|
|||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"u-loading-icon": "../u-loading-icon/u-loading-icon",
|
||||
"u-transition": "../u-transition/u-transition"
|
||||
}
|
||||
}
|
||||
|
|
@ -1 +0,0 @@
|
|||
<u-transition wx:if="{{i}}" class="data-v-9c9e88a3" u-s="{{['d']}}" u-i="9c9e88a3-0" bind:__l="__l" u-p="{{i}}"><view class="u-loading-page data-v-9c9e88a3"><view class="u-loading-page__warpper data-v-9c9e88a3"><view class="u-loading-page__warpper__loading-icon data-v-9c9e88a3"><image wx:if="{{a}}" src="{{b}}" class="u-loading-page__warpper__loading-icon__img data-v-9c9e88a3" mode="widthFit" style="{{'width:' + c + ';' + ('height:' + d)}}"></image><u-loading-icon wx:else class="data-v-9c9e88a3" u-i="9c9e88a3-1,9c9e88a3-0" bind:__l="__l" u-p="{{e||''}}"></u-loading-icon></view><block wx:if="{{$slots.d}}"><slot></slot></block><block wx:else><text class="u-loading-page__warpper__text data-v-9c9e88a3" style="{{'font-size:' + g + ';' + ('color:' + h)}}">{{f}}</text></block></view></view></u-transition>
|
||||
|
|
@ -1,68 +0,0 @@
|
|||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.u-empty.data-v-9c9e88a3,
|
||||
.u-empty__wrap.data-v-9c9e88a3,
|
||||
.u-tabs.data-v-9c9e88a3,
|
||||
.u-tabs__wrapper.data-v-9c9e88a3,
|
||||
.u-tabs__wrapper__scroll-view-wrapper.data-v-9c9e88a3,
|
||||
.u-tabs__wrapper__scroll-view.data-v-9c9e88a3,
|
||||
.u-tabs__wrapper__nav.data-v-9c9e88a3,
|
||||
.u-tabs__wrapper__nav__line.data-v-9c9e88a3 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-basis: auto;
|
||||
align-items: stretch;
|
||||
align-content: flex-start;
|
||||
}
|
||||
.u-loading-page.data-v-9c9e88a3 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.u-loading-page__warpper.data-v-9c9e88a3 {
|
||||
margin-top: -150px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #c8c8c8;
|
||||
font-size: 19px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.u-loading-page__warpper__loading-icon.data-v-9c9e88a3 {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.u-loading-page__warpper__loading-icon__img.data-v-9c9e88a3 {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
.u-loading-page__warpper__text.data-v-9c9e88a3 {
|
||||
font-size: 19px;
|
||||
color: #c8c8c8;
|
||||
}
|
||||
|
|
@ -9,7 +9,7 @@ const Subsection = {
|
|||
mode: "button",
|
||||
fontSize: 12,
|
||||
bold: true,
|
||||
bgColor: "#eeeeef",
|
||||
bgColor: "#f6f6f6eef",
|
||||
keyName: "name"
|
||||
}
|
||||
};
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@ function baseRequest(url, method, data, {
|
|||
|
||||
return new Promise((reslove, reject) => {
|
||||
uni.request({
|
||||
url: Url + 'api' + url,
|
||||
url: Url + '/api' + url,
|
||||
method: method || 'GET',
|
||||
header: {
|
||||
...header
|
||||
|
|
|
|||
Loading…
Reference in New Issue