调整页面布局

This commit is contained in:
weipengfei 2024-04-29 10:44:50 +08:00
parent 27f95b331c
commit d626c479a9
24 changed files with 367 additions and 218 deletions

View File

@ -23,10 +23,10 @@ export const addressDeleteApi = (data)=>{
// 地址列表
export const addressListsApi = (data)=>{
return request.post('/user/address/lists', data);
return request.get('/user/address/lists', data);
}
// 地址详情
export const addressDetailApi = (data)=>{
return request.post('/user/address/detail', data);
return request.get('/user/address/detail', data);
}

View File

@ -6,7 +6,7 @@ let env = "dev"
switch(env){
case 'prod': BASE_URL = '';break;
default: BASE_URL = 'http://192.168.1.9:8787';
default: BASE_URL = 'http://192.168.1.21:8787';
}
let HTTP_REQUEST_URL

View File

@ -44,11 +44,9 @@
}
],
"subPackages": [
{
"subPackages": [{
"root": "pagesOrder",
"pages": [
{
"pages": [{
"path": "order/order",
"style": {
"navigationBarTitleText": "我的订单",
@ -57,72 +55,66 @@
},
{
"path": "detail/detail",
"style" :
{
"style": {
"navigationBarTitleText": "",
"enablePullDownRefresh": false
}
},
{
"path": "addressList/addressList",
"style" :
{
"style": {
"navigationBarTitleText": "地址管理",
"enablePullDownRefresh": false
}
},
{
"path": "addressEdit/addressEdit",
"style" :
{
"style": {
"navigationBarTitleText": "",
"enablePullDownRefresh": false
}
},
{
"path": "settle/settle",
"style" :
{
"style": {
"navigationBarTitleText": "确认订单",
"enablePullDownRefresh": false
}
}
]
}
],
}],
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "",
"navigationBarBackgroundColor": "#fff",
"backgroundColor": "#fff"
},
"tabBar": {
"color": "#999999",
"selectedColor": "#20b128",
"borderStyle": "white",
"backgroundColor": "#FFFFFF",
// "iconWidth": "40px",
"list": [{
"pagePath": "pages/index/index",
"text": "首页",
"iconPath": "static/tab/a.png",
"selectedIconPath": "static/tab/aa.png"
},
{
"pagePath": "pages/cart/cart",
"text": "购物车",
"iconPath": "static/tab/b.png",
"selectedIconPath": "static/tab/ba.png"
},
// "tabBar": {
// "color": "#999999",
// "selectedColor": "#20b128",
// "borderStyle": "white",
// "backgroundColor": "#FFFFFF",
// "list": [{
// "pagePath": "pages/index/index",
// "text": "首页",
// "iconPath": "static/tab/a.png",
// "selectedIconPath": "static/tab/aa.png"
// },
// {
// "pagePath": "pages/cart/cart",
// "text": "购物车",
// "iconPath": "static/tab/b.png",
// "selectedIconPath": "static/tab/ba.png"
// },
{
"pagePath": "pages/my/my",
"text": "我的",
"iconPath": "static/tab/c.png",
"selectedIconPath": "static/tab/ca.png"
}
// {
// "pagePath": "pages/my/my",
// "text": "我的",
// "iconPath": "static/tab/c.png",
// "selectedIconPath": "static/tab/ca.png"
// }
]
},
// ]
// },
"uniIdRouter": {}
}

View File

@ -1,24 +1,23 @@
<template>
<view class="content">
<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>
<view style="font-size: 30rpx;font-weight: bold;">里海商户采购平台</view>
</template>
<!-- #endif -->
<!-- #ifndef MP-WEIXIN -->
<template #left>
<view></view>
</template>
<template #center>
<view style="width: 700rpx;"><up-search placeholder="请输入商品" @search="searchKeyword" v-model="keyword"
:showAction="false"></up-search>
</view>
</template>
<!-- #endif -->
</up-navbar>
<view class="navbar">
<view style="width: 500rpx;">
<up-search placeholder="请输入商品" @search="searchKeyword" v-model="keyword" :showAction="false"></up-search>
</view>
<view class="nav-item" @click="navTo('/pages/cart/cart')">
<image src="@/static/tab/ba.png"></image>
<text>购物车</text>
</view>
<view class="nav-item" @click="navTo('/pages/my/my')">
<image src="@/static/tab/ca.png"></image>
<text>个人中心</text>
</view>
</view>
<view style="position: relative;overflow: hidden;">
<scroll-view class="head-view" scroll-x>
<view class="list">
@ -55,7 +54,7 @@
<scroll-view class="left" scroll-y>
<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>
<view style="width: 100%;height: 300rpx;"></view>
</scroll-view>
<view class="right">
<view class="classify">
@ -117,11 +116,28 @@
</view>
</view>
</view>
<view style="width: 100%;height: 200rpx;"></view>
<view style="width: 100%;height: 300rpx;"></view>
</scroll-view>
</view>
</view>
<view class="fiexd-btn-box">
<view class="price-info">
<view class="row">
<view>合计</view>
<view class="price">¥<text style="font-size: 36rpx;">50.00</text></view>
</view>
<view class="row">
<view>原价 ¥50.00</view>
<view class="price">优惠 ¥0.00</view>
</view>
</view>
<view class="btn">
<up-button color="#20b128">结算</up-button>
</view>
<view class="cart">
<image src="@/static/icon/cart.png"></image>
</view>
</view>
</view>
</template>
@ -232,6 +248,12 @@
})
}
const navTo = (url)=>{
uni.navigateTo({
url: url
})
}
onLoad(() => {
getgoodClassList();
getGoodList();
@ -243,6 +265,27 @@
background-color: #fff;
}
.navbar {
padding: 0 20rpx;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 22rpx;
color: #777;
.nav-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
image {
height: 40rpx;
width: 40rpx;
}
}
}
.head-view {
background-color: #fff;
height: 180rpx;
@ -399,9 +442,9 @@
display: flex;
.left {
height: calc(100vh - var(--window-top) - var(--window-bottom) - 180rpx);
height: calc(100vh - var(--window-top) - var(--window-bottom) - 500rpx);
/* #ifdef H5 */
height: calc(100vh - 96px - 180rpx);
height: calc(100vh - 44px - 300rpx);
/* #endif */
width: 170rpx;
box-sizing: border-box;
@ -434,7 +477,7 @@
}
.right {
height: calc(100vh - var(--window-top) - var(--window-bottom) - 180rpx);
height: calc(100vh - var(--window-top) - 500rpx);
/* #ifdef H5 */
height: calc(100vh - 96px - 180rpx);
/* #endif */
@ -501,9 +544,9 @@
}
.list {
height: calc(100vh - var(--window-top) - var(--window-bottom) - 180rpx - 150rpx);
height: calc(100vh - var(--window-top) - 600rpx);
/* #ifdef H5 */
height: calc(100vh - 96px - 180rpx);
height: calc(100vh - 44px - 400rpx);
/* #endif */
.shop-item {
@ -563,4 +606,45 @@
}
}
}
.fiexd-btn-box {
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
height: 140rpx;
height: calc(constant(safe-area-inset-bottom) + 140rpx);
/* 适用于iOS设备 */
height: calc(env(safe-area-inset-bottom) + 140rpx);
/* 适用于Android设备 */
padding-top: 40rpx;
.price-info {
.row {
display: flex;
font-size: 26rpx;
align-items: center;
&>view {
margin-right: 15rpx;
}
.price {
color: #F55726;
}
}
}
.btn {
width: 200rpx;
}
.cart {
position: absolute;
top: -40rpx;
left: 40rpx;
image {
width: 80rpx;
height: 80rpx;
}
}
}
</style>

View File

@ -1,9 +1,6 @@
<template>
<view>
<up-navbar title="我的" bgColor="rgba(0,0,0,0)">
<template #left>
<view></view>
</template>
<up-navbar title="我的" bgColor="rgba(0,0,0,0)" :autoBack="true">
</up-navbar>
<view class="user-info">
<image class="bg" src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/e3a7b202404261113002322.webp"

View File

@ -29,7 +29,7 @@
<script setup>
import { onLoad } from "@dcloudio/uni-app"
import { ref } from "vue"
import { addressCreateApi, addressEditApi } from "@/api/user.js"
import { addressCreateApi, addressEditApi, addressDetailApi } from "@/api/user.js"
const mode = ref('add');
@ -68,12 +68,21 @@
})
}
const getAddressDetil = (address_id)=>{
addressDetailApi({
address_id
}).then(res=>{
formData.value = res.data;
})
}
onLoad((options) => {
if (options.mode == 'edit') {
if (options.mode == 'edit'&&options.address_id) {
mode.value = 'edit';
uni.setNavigationBarTitle({
title: '编辑地址'
})
getAddressDetil(options.address_id)
} else uni.setNavigationBarTitle({
title: '新增地址'
})

View File

@ -21,7 +21,7 @@
<up-icon name="trash"></up-icon>
删除
</view>
<view class="btn" @click="navTo('/pagesOrder/addressEdit/addressEdit?mode=edit')">
<view class="btn" @click="navTo('/pagesOrder/addressEdit/addressEdit?mode=edit&address_id='+item.address_id)">
<up-icon name="edit-pen"></up-icon>
编辑
</view>
@ -39,7 +39,8 @@
<script setup>
import { ref } from "vue"
import modal from "@/components/modal.vue";
import { addressListsApi } from "@/api/user.js"
import { addressListsApi } from "@/api/user.js";
import { onShow } from "@dcloudio/uni-app";
const navTo = (url)=>{
uni.navigateTo({
@ -57,17 +58,21 @@ const showDelete = (item)=>{
const deleteAddress = ()=>{
console.log(deleteInfo.value);
show.value = false;
}
const addressList = ref([]);
const getAddressLists = ()=>{
addressListsApi().then(res=>{
addressList.value = res.data.lists;
console.log(addressList);
})
}
onShow(()=>{
getAddressLists();
})
</script>

BIN
static/icon/cart.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

View File

@ -23,31 +23,5 @@
"navigationBarBackgroundColor": "#fff",
"backgroundColor": "#fff"
},
"tabBar": {
"color": "#999999",
"selectedColor": "#20b128",
"borderStyle": "white",
"backgroundColor": "#FFFFFF",
"list": [
{
"pagePath": "pages/index/index",
"text": "首页",
"iconPath": "static/tab/a.png",
"selectedIconPath": "static/tab/aa.png"
},
{
"pagePath": "pages/cart/cart",
"text": "购物车",
"iconPath": "static/tab/b.png",
"selectedIconPath": "static/tab/ba.png"
},
{
"pagePath": "pages/my/my",
"text": "我的",
"iconPath": "static/tab/c.png",
"selectedIconPath": "static/tab/ca.png"
}
]
},
"usingComponents": {}
}

View File

@ -1,5 +1,11 @@
"use strict";
const _imports_0$1 = "/static/tab/ba.png";
const _imports_1$1 = "/static/tab/ca.png";
const _imports_2 = "/static/icon/cart.png";
const _imports_1 = "/static/icon/n-check.png";
const _imports_0 = "/static/icon/check.png";
exports._imports_0 = _imports_0;
exports._imports_1 = _imports_1;
exports._imports_0 = _imports_0$1;
exports._imports_0$1 = _imports_0;
exports._imports_1 = _imports_1$1;
exports._imports_1$1 = _imports_1;
exports._imports_2 = _imports_2;

View File

@ -7696,6 +7696,7 @@ const Pinia = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
const createHook = (lifecycle) => (hook, target = getCurrentInstance()) => {
!isInSSRComponentSetup && injectHook(lifecycle, hook, target);
};
const onShow = /* @__PURE__ */ createHook(ON_SHOW);
const onLoad = /* @__PURE__ */ createHook(ON_LOAD);
exports.Pinia = Pinia;
exports._export_sfc = _export_sfc;
@ -7709,6 +7710,7 @@ exports.n = n;
exports.nextTick$1 = nextTick$1;
exports.o = o;
exports.onLoad = onLoad;
exports.onShow = onShow;
exports.p = p;
exports.reactive = reactive;
exports.ref = ref;

View File

@ -55,9 +55,9 @@ const _sfc_main = {
a: "dc6b9753-3-" + i0 + ",dc6b9753-0",
b: addressType.value == index
}, addressType.value == index ? {
c: common_assets._imports_0
c: common_assets._imports_0$1
} : {
d: common_assets._imports_1
d: common_assets._imports_1$1
}, {
e: index,
f: common_vendor.o(($event) => addressType.value = index, index)

View File

@ -65,9 +65,9 @@ const _sfc_main = {
return common_vendor.e({
a: index % 3 == 0
}, index % 3 == 0 ? {
b: common_assets._imports_1
b: common_assets._imports_1$1
} : {
c: common_assets._imports_0
c: common_assets._imports_0$1
}, {
d: "da603134-1-" + i0,
e: "da603134-2-" + i0,
@ -102,7 +102,7 @@ const _sfc_main = {
k: swiperCurrent.value,
l: common_vendor.o(animationfinish)
}, {
n: common_assets._imports_0
n: common_assets._imports_0$1
}, {
o: common_vendor.o(settleAccounts),
p: common_vendor.p({

View File

@ -1,27 +1,30 @@
"use strict";
const common_vendor = require("../../common/vendor.js");
const common_assets = require("../../common/assets.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_search2 = common_vendor.resolveComponent("up-search");
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");
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_button2 = common_vendor.resolveComponent("up-button");
(_easycom_up_navbar2 + _easycom_up_search2 + _easycom_up_image2 + _easycom_up_icon2 + _easycom_u__icon2 + _easycom_up_transition2 + _easycom_up_button2)();
}
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_search = () => "../../uni_modules/uview-plus/components/u-search/u-search.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";
const _easycom_up_button = () => "../../uni_modules/uview-plus/components/u-button/u-button.js";
if (!Math) {
(_easycom_up_search + _easycom_up_navbar + _easycom_up_image + _easycom_up_icon + viewPopup + _easycom_u__icon + _easycom_up_transition)();
(_easycom_up_navbar + _easycom_up_search + _easycom_up_image + _easycom_up_icon + viewPopup + _easycom_u__icon + _easycom_up_transition + _easycom_up_button)();
}
const viewPopup = () => "../../components/viewPopup.js";
const _sfc_main = {
@ -119,23 +122,32 @@ const _sfc_main = {
rightActive.value = (_f = goodClassThree.value[0]) == null ? void 0 : _f.id;
});
};
const navTo = (url) => {
common_vendor.index.navigateTo({
url
});
};
common_vendor.onLoad(() => {
getgoodClassList();
getGoodList();
});
return (_ctx, _cache) => {
return common_vendor.e({
a: common_vendor.o(searchKeyword),
b: common_vendor.o(($event) => keyword.value = $event),
c: common_vendor.p({
a: common_vendor.p({
placeholder: true
}),
b: common_vendor.o(searchKeyword),
c: common_vendor.o(($event) => keyword.value = $event),
d: common_vendor.p({
placeholder: "请输入商品",
showAction: false,
modelValue: keyword.value
}),
d: common_vendor.p({
placeholder: true
}),
e: common_vendor.f(goodClassList.value, (item, index, i0) => {
e: common_assets._imports_0,
f: common_vendor.o(($event) => navTo("/pages/cart/cart")),
g: common_assets._imports_1,
h: common_vendor.o(($event) => navTo("/pages/my/my")),
i: common_vendor.f(goodClassList.value, (item, index, i0) => {
return {
a: "1ba6254c-2-" + i0,
b: common_vendor.p({
@ -149,13 +161,13 @@ const _sfc_main = {
f: common_vendor.o(($event) => changeOne(item, index), index)
};
}),
f: common_vendor.p({
j: common_vendor.p({
name: "list"
}),
g: common_vendor.o(($event) => show.value = 1),
h: show.value === 1
k: common_vendor.o(($event) => show.value = 1),
l: show.value === 1
}, show.value === 1 ? {
i: common_vendor.f(goodClassList.value, (item, index, i0) => {
m: common_vendor.f(goodClassList.value, (item, index, i0) => {
return {
a: "1ba6254c-5-" + i0 + ",1ba6254c-4",
b: common_vendor.p({
@ -169,12 +181,12 @@ const _sfc_main = {
f: common_vendor.o(($event) => changeOne(item, index), index)
};
}),
j: common_vendor.o(($event) => show.value = 0),
k: common_vendor.p({
n: common_vendor.o(($event) => show.value = 0),
o: common_vendor.p({
nav: true
})
} : {}, {
l: common_vendor.f(goodClassTow.value, (item, index, i0) => {
p: common_vendor.f(goodClassTow.value, (item, index, i0) => {
return {
a: common_vendor.t(item.name),
b: leftActive.value == item.id ? 1 : "",
@ -182,7 +194,7 @@ const _sfc_main = {
d: common_vendor.o(($event) => changeTwo(item, index), index)
};
}),
m: common_vendor.f(goodClassThree.value, (item, index, i0) => {
q: common_vendor.f(goodClassThree.value, (item, index, i0) => {
return {
a: common_vendor.t(item.name),
b: rightActive.value == item.id ? 1 : "",
@ -190,19 +202,19 @@ const _sfc_main = {
d: common_vendor.o(($event) => changeThree(item, index), index)
};
}),
n: common_vendor.p({
r: common_vendor.p({
name: "arrow-down"
}),
o: common_vendor.o(($event) => show.value = 2),
p: where.value.order == "" ? 1 : "",
q: common_vendor.o(($event) => changeOrder("")),
r: where.value.order == "desc" || where.value.order == "asc" ? 1 : "",
s: common_vendor.o(($event) => changeOrder(where.value.order == "asc" ? "desc" : "asc")),
t: where.value.order == "sales" ? 1 : "",
v: common_vendor.o(($event) => changeOrder("sales")),
w: show.value === 2
s: common_vendor.o(($event) => show.value = 2),
t: where.value.order == "" ? 1 : "",
v: common_vendor.o(($event) => changeOrder("")),
w: where.value.order == "desc" || where.value.order == "asc" ? 1 : "",
x: common_vendor.o(($event) => changeOrder(where.value.order == "asc" ? "desc" : "asc")),
y: where.value.order == "sales" ? 1 : "",
z: common_vendor.o(($event) => changeOrder("sales")),
A: show.value === 2
}, show.value === 2 ? {
x: common_vendor.f(goodClassThree.value, (item, index, i0) => {
B: common_vendor.f(goodClassThree.value, (item, index, i0) => {
return {
a: common_vendor.t(item.name),
b: rightActive.value == item.id ? 1 : "",
@ -210,9 +222,9 @@ const _sfc_main = {
d: common_vendor.o(($event) => changeThree(item, index), index)
};
}),
y: common_vendor.o(($event) => show.value = 0)
C: common_vendor.o(($event) => show.value = 0)
} : {}, {
z: common_vendor.f(goodList.value, (item, index, i0) => {
D: common_vendor.f(goodList.value, (item, index, i0) => {
return {
a: "1ba6254c-8-" + i0,
b: common_vendor.p({
@ -241,17 +253,21 @@ const _sfc_main = {
q: item.id
};
}),
A: common_vendor.p({
E: common_vendor.p({
name: "minus-circle-fill",
size: "20",
color: "#20b128"
}),
B: common_vendor.p({
F: common_vendor.p({
name: "plus-circle-fill",
size: "20",
color: "#20b128"
}),
C: common_vendor.o(loadMoreGood)
G: common_vendor.o(loadMoreGood),
H: common_vendor.p({
color: "#20b128"
}),
I: common_assets._imports_2
});
};
}

View File

@ -3,12 +3,13 @@
"disableScroll": true,
"navigationStyle": "custom",
"usingComponents": {
"up-search": "../../uni_modules/uview-plus/components/u-search/u-search",
"up-navbar": "../../uni_modules/uview-plus/components/u-navbar/u-navbar",
"up-search": "../../uni_modules/uview-plus/components/u-search/u-search",
"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",
"up-button": "../../uni_modules/uview-plus/components/u-button/u-button",
"view-popup": "../../components/viewPopup"
}
}

View File

@ -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="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>
<view class="content"><up-navbar wx:if="{{a}}" u-s="{{['left']}}" style="z-index:10080" u-i="1ba6254c-0" bind:__l="__l" u-p="{{a}}"><view style="font-size:30rpx;font-weight:bold" slot="left">里海商户采购平台</view></up-navbar><view class="navbar"><view style="width:500rpx"><up-search wx:if="{{d}}" bindsearch="{{b}}" u-i="1ba6254c-1" bind:__l="__l" bindupdateModelValue="{{c}}" u-p="{{d}}"></up-search></view><view class="nav-item" bindtap="{{f}}"><image src="{{e}}"></image><text>购物车</text></view><view class="nav-item" bindtap="{{h}}"><image src="{{g}}"></image><text>个人中心</text></view></view><view style="position:relative;overflow:hidden"><scroll-view class="head-view" scroll-x><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 class="item" style="width:80rpx;height:20rpx"></view></view></scroll-view><view class="r-btn" bindtap="{{k}}"><view>全</view><view>部</view><up-icon wx:if="{{j}}" u-i="1ba6254c-3" bind:__l="__l" u-p="{{j}}"></up-icon></view></view><view-popup wx:if="{{l}}" u-s="{{['d']}}" bindclose="{{n}}" u-i="1ba6254c-4" bind:__l="__l" u-p="{{o}}"><view class="cateOne"><view class="head-title">全部分类</view><scroll-view scroll-y style="height:600rpx"><view class="list"><view wx:for="{{m}}" 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="{{p}}" 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:300rpx"></view></scroll-view><view class="right"><view class="classify"><scroll-view style="height:90rpx" scroll-x><view class="classify-list"><view wx:for="{{q}}" 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="{{s}}"><up-icon wx:if="{{r}}" u-i="1ba6254c-6" bind:__l="__l" u-p="{{r}}"></up-icon></view><view class="order-by"><view class="{{['item', t && 'order-active']}}" bindtap="{{v}}">综合</view><view class="{{['item', w && 'order-active']}}" bindtap="{{x}}">价格</view><view class="{{['item', y && 'order-active']}}" bindtap="{{z}}">销量</view></view></view><view-popup wx:if="{{A}}" u-s="{{['d']}}" bindclose="{{C}}" u-i="1ba6254c-7" bind:__l="__l"><view class="cateOne"><scroll-view scroll-y style="height:230rpx"><view class="classify-list"><view wx:for="{{B}}" 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="{{G}}"><view wx:for="{{D}}" 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="{{E}}" bindclick="{{item.h}}" u-i="{{item.i}}" bind:__l="__l" u-p="{{E}}"></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="{{F}}" bindclick="{{item.o}}" u-i="{{item.p}}" bind:__l="__l" u-p="{{F}}"></u--icon></view></view></view></view><view style="width:100%;height:300rpx"></view></scroll-view></view></view><view class="fiexd-btn-box"><view class="price-info"><view class="row"><view>合计</view><view class="price">¥<text style="font-size:36rpx">50.00</text></view></view><view class="row"><view>原价 ¥50.00</view><view class="price">优惠 ¥0.00</view></view></view><view class="btn"><up-button wx:if="{{H}}" u-s="{{['d']}}" u-i="1ba6254c-13" bind:__l="__l" u-p="{{H}}">结算</up-button></view><view class="cart"><image src="{{I}}"></image></view></view></view>

View File

@ -26,6 +26,24 @@
.content {
background-color: #fff;
}
.navbar {
padding: 0 20rpx;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 22rpx;
color: #777;
}
.navbar .nav-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.navbar .nav-item image {
height: 40rpx;
width: 40rpx;
}
.head-view {
background-color: #fff;
height: 180rpx;
@ -158,7 +176,7 @@
display: flex;
}
.scroll-box .left {
height: calc(100vh - var(--window-top) - var(--window-bottom) - 180rpx);
height: calc(100vh - var(--window-top) - var(--window-bottom) - 500rpx);
width: 170rpx;
box-sizing: border-box;
background-color: #f6f6f6;
@ -186,7 +204,7 @@
transform: translate(0, -50%);
}
.scroll-box .right {
height: calc(100vh - var(--window-top) - var(--window-bottom) - 180rpx);
height: calc(100vh - var(--window-top) - 500rpx);
width: 580rpx;
box-sizing: border-box;
position: relative;
@ -242,7 +260,7 @@
color: #20b128;
}
.scroll-box .right .list {
height: calc(100vh - var(--window-top) - var(--window-bottom) - 180rpx - 150rpx);
height: calc(100vh - var(--window-top) - 600rpx);
}
.scroll-box .right .list .shop-item {
padding: 20rpx;
@ -288,3 +306,35 @@
width: 60rpx;
text-align: center;
}
.fiexd-btn-box {
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
height: 140rpx;
height: calc(constant(safe-area-inset-bottom) + 140rpx);
/* 适用于iOS设备 */
height: calc(env(safe-area-inset-bottom) + 140rpx);
/* 适用于Android设备 */
padding-top: 40rpx;
}
.fiexd-btn-box .price-info .row {
display: flex;
font-size: 26rpx;
align-items: center;
}
.fiexd-btn-box .price-info .row > view {
margin-right: 15rpx;
}
.fiexd-btn-box .price-info .row .price {
color: #F55726;
}
.fiexd-btn-box .btn {
width: 200rpx;
}
.fiexd-btn-box .cart {
position: absolute;
top: -40rpx;
left: 40rpx;
}
.fiexd-btn-box .cart image {
width: 80rpx;
height: 80rpx;
}

View File

@ -161,10 +161,10 @@ const _sfc_main = {
w: !isAgree.value
}, !isAgree.value ? {
x: common_vendor.o(($event) => isAgree.value = true),
y: common_assets._imports_1
y: common_assets._imports_1$1
} : {
z: common_vendor.o(($event) => isAgree.value = false),
A: common_assets._imports_0
A: common_assets._imports_0$1
});
};
}

View File

@ -26,7 +26,8 @@ const _sfc_main = {
return {
a: common_vendor.p({
title: "我的",
bgColor: "rgba(0,0,0,0)"
bgColor: "rgba(0,0,0,0)",
autoBack: true
}),
b: common_vendor.p({
src: "",

View File

@ -1 +1 @@
<view><up-navbar wx:if="{{a}}" u-s="{{['left']}}" u-i="39cfeb26-0" bind:__l="__l" u-p="{{a}}"><view slot="left"></view></up-navbar><view class="user-info"><image class="bg" src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/e3a7b202404261113002322.webp" mode="widthFix"></image><view class="u-card"><up-avatar wx:if="{{b}}" u-i="39cfeb26-1" bind:__l="__l" u-p="{{b}}"></up-avatar><view class="content"><view class="u-phone">151****6699</view><view class="u-id">ID: 6655</view></view></view></view><view class="order-info-box"><view class="order-info"><view class="info-head">我的订单</view><view class="info-list"><view class="list-item" bindtap="{{c}}"><image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/f335a202404261401535608.png"></image><view class="">待付款</view></view><view class="list-item" bindtap="{{d}}"><image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/45241202404261403353935.png"></image><view class="">待收货</view></view><view class="list-item" bindtap="{{e}}"><image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/abdcd202404261406199643.png"></image><view class="">全部订单</view></view></view></view></view><view class="card"><up-cell-group u-s="{{['d']}}" u-i="39cfeb26-2" bind:__l="__l"><up-cell wx:if="{{f}}" u-i="39cfeb26-3,39cfeb26-2" bind:__l="__l" u-p="{{f}}"></up-cell></up-cell-group></view><view class="card"><up-cell-group u-s="{{['d']}}" u-i="39cfeb26-4" bind:__l="__l"><up-cell wx:if="{{g}}" u-i="39cfeb26-5,39cfeb26-4" bind:__l="__l" u-p="{{g}}"></up-cell><up-cell wx:if="{{h}}" u-i="39cfeb26-6,39cfeb26-4" bind:__l="__l" u-p="{{h}}"></up-cell><up-cell wx:if="{{i}}" u-i="39cfeb26-7,39cfeb26-4" bind:__l="__l" u-p="{{i}}"></up-cell></up-cell-group></view></view>
<view><up-navbar wx:if="{{a}}" u-i="39cfeb26-0" bind:__l="__l" u-p="{{a}}"></up-navbar><view class="user-info"><image class="bg" src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/e3a7b202404261113002322.webp" mode="widthFix"></image><view class="u-card"><up-avatar wx:if="{{b}}" u-i="39cfeb26-1" bind:__l="__l" u-p="{{b}}"></up-avatar><view class="content"><view class="u-phone">151****6699</view><view class="u-id">ID: 6655</view></view></view></view><view class="order-info-box"><view class="order-info"><view class="info-head">我的订单</view><view class="info-list"><view class="list-item" bindtap="{{c}}"><image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/f335a202404261401535608.png"></image><view class="">待付款</view></view><view class="list-item" bindtap="{{d}}"><image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/45241202404261403353935.png"></image><view class="">待收货</view></view><view class="list-item" bindtap="{{e}}"><image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/abdcd202404261406199643.png"></image><view class="">全部订单</view></view></view></view></view><view class="card"><up-cell-group u-s="{{['d']}}" u-i="39cfeb26-2" bind:__l="__l"><up-cell wx:if="{{f}}" u-i="39cfeb26-3,39cfeb26-2" bind:__l="__l" u-p="{{f}}"></up-cell></up-cell-group></view><view class="card"><up-cell-group u-s="{{['d']}}" u-i="39cfeb26-4" bind:__l="__l"><up-cell wx:if="{{g}}" u-i="39cfeb26-5,39cfeb26-4" bind:__l="__l" u-p="{{g}}"></up-cell><up-cell wx:if="{{h}}" u-i="39cfeb26-6,39cfeb26-4" bind:__l="__l" u-p="{{h}}"></up-cell><up-cell wx:if="{{i}}" u-i="39cfeb26-7,39cfeb26-4" bind:__l="__l" u-p="{{i}}"></up-cell></up-cell-group></view></view>

View File

@ -58,12 +58,20 @@ const _sfc_main = {
console.log("验证失败");
});
};
const getAddressDetil = (address_id) => {
api_user.addressDetailApi({
address_id
}).then((res) => {
formData.value = res.data;
});
};
common_vendor.onLoad((options) => {
if (options.mode == "edit") {
if (options.mode == "edit" && options.address_id) {
mode.value = "edit";
common_vendor.index.setNavigationBarTitle({
title: "编辑地址"
});
getAddressDetil(options.address_id);
} else
common_vendor.index.setNavigationBarTitle({
title: "新增地址"

View File

@ -38,10 +38,11 @@ const _sfc_main = {
const getAddressLists = () => {
api_user.addressListsApi().then((res) => {
addressList.value = res.data.lists;
console.log(addressList);
});
};
common_vendor.onShow(() => {
getAddressLists();
});
return (_ctx, _cache) => {
return {
a: common_vendor.f(addressList.value, (item, index, i0) => {
@ -50,12 +51,12 @@ const _sfc_main = {
b: common_vendor.t(item.phone),
c: common_vendor.t(item.detail)
}, {
e: common_assets._imports_1
e: common_assets._imports_1$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),
i: common_vendor.o(($event) => navTo("/pagesOrder/addressEdit/addressEdit?mode=edit&address_id=" + item.address_id), index),
j: index
});
}),

View File

@ -68,9 +68,9 @@ const _sfc_main = {
a: common_vendor.t(item.name),
b: cancelType.value == item.value
}, cancelType.value == item.value ? {
c: common_assets._imports_0
c: common_assets._imports_0$1
} : {
d: common_assets._imports_1
d: common_assets._imports_1$1
}, {
e: item.value,
f: common_vendor.o(($event) => cancelType.value = item.value, item.value)

View File

@ -1,9 +1,5 @@
{
"description": "项目配置文件。",
"packOptions": {
"ignore": [],
"include": []
},
"setting": {
"urlCheck": false,
"es6": true,
@ -11,18 +7,19 @@
"minified": false,
"newFeature": true,
"bigPackageSizeSupport": true,
"coverView": false,
"condition": false,
"enhance": false,
"showShadowRootInWxmlPanel": false,
"packNpmRelationList": [],
"ignoreUploadUnusedFiles": true,
"babelSetting": {
"ignore": [],
"disablePlugins": [],
"outputPath": ""
},
"condition": false,
"ignoreUploadUnusedFiles": false
}
},
"compileType": "miniprogram",
"libVersion": "3.3.4",
"appid": "wxce2948c50d808b66",
"projectname": "purchase-let",
"condition": {
"search": {
"current": -1,
@ -44,5 +41,11 @@
"editorSetting": {
"tabIndent": "insertSpaces",
"tabSize": 2
}
},
"libVersion": "3.4.2",
"packOptions": {
"ignore": [],
"include": []
},
"appid": "wxce2948c50d808b66"
}