From ed718db4ce40ef9be039af1cd55f3a384c647cb9 Mon Sep 17 00:00:00 2001 From: 1154079537 <1154079537@qq.com> Date: Sat, 11 May 2024 17:33:33 +0800 Subject: [PATCH] =?UTF-8?q?=E5=9C=B0=E5=9D=80=E6=9F=A5=E8=AF=A2=E6=95=B0?= =?UTF-8?q?=E6=8D=AE=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- components/addressWindow/index.vue | 51 ++++++++++++++++++++++-------- 1 file changed, 38 insertions(+), 13 deletions(-) diff --git a/components/addressWindow/index.vue b/components/addressWindow/index.vue index de545a3..36735b7 100644 --- a/components/addressWindow/index.vue +++ b/components/addressWindow/index.vue @@ -3,12 +3,15 @@ 选择地址 - + - {{item.real_name}}{{item.phone}} - {{item.province}}{{item.city}}{{item.district}}{{item.street || ''}}{{item.detail}} + {{item.real_name}}{{item.phone}} + + {{item.province}}{{item.city}}{{item.district}}{{item.street || ''}}{{item.detail}} + @@ -34,9 +37,15 @@ // +---------------------------------------------------------------------- // | Author: CRMEB Team // +---------------------------------------------------------------------- - import { getAddressList } from '@/api/user.js'; - import { mapGetters } from "vuex"; - import { HTTP_REQUEST_URL } from '@/config/app'; + import { + getAddressList + } from '@/api/user.js'; + import { + mapGetters + } from "vuex"; + import { + HTTP_REQUEST_URL + } from '@/config/app'; export default { props: { pagesUrl: { @@ -87,7 +96,7 @@ let that = this; getAddressList({ page: 1, - limit: 5 + limit: 100 }).then(res => { let addressList = res.data.list; //处理默认选中项 @@ -114,9 +123,11 @@ transform: translate3d(0, 100%, 0); transition: all .3s cubic-bezier(.25, .5, .5, .9); } + .address-window.on { transform: translate3d(0, 0, 0); } + .address-window .title { font-size: 32rpx; font-weight: bold; @@ -125,15 +136,18 @@ line-height: 123rpx; position: relative; } + .address-window .title .iconfont { position: absolute; right: 30rpx; color: #8a8a8a; font-size: 35rpx; } - .address-window .list{ + + .address-window .list { max-height: 650rpx; } + .address-window .list .item { margin-left: 30rpx; padding-right: 30rpx; @@ -142,26 +156,32 @@ font-size: 25rpx; color: #333; } + .address-window .list .item .iconfont { font-size: 37rpx; color: #2c2c2c; } + .address-window .list .item .iconfont.icon-complete { font-size: 30rpx; color: #fff; } + .address-window .list .item .address { width: 560rpx; } + .address-window .list .item .address .name { font-size: 28rpx; font-weight: bold; color: #282828; margin-bottom: 4rpx; } + .address-window .list .item .address .name .phone { margin-left: 18rpx; } + .address-window .addressBnt { font-size: 30rpx; font-weight: bold; @@ -174,17 +194,22 @@ margin: 85rpx auto; background-color: var(--view-theme); } + .address-window .pictrue { text-align: center; } - .address-window .pictrue image,.address-window .pictrue uni-image { + + .address-window .pictrue image, + .address-window .pictrue uni-image { width: 414rpx; height: 305rpx; } - .address-window .pictrue view{ + + .address-window .pictrue view { color: #999; } + .t-color { - color: var(--view-theme)!important; + color: var(--view-theme) !important; } - + \ No newline at end of file