20240517
This commit is contained in:
1385
pages/component/commonComponents/address/edit.vue
Normal file
1385
pages/component/commonComponents/address/edit.vue
Normal file
File diff suppressed because it is too large
Load Diff
@@ -4,73 +4,190 @@
|
||||
<!-- <public-module></public-module>
|
||||
<z-nav-bar title="确认订单" bgColor="#3AB3AE" fontColor="#fff"></z-nav-bar> -->
|
||||
|
||||
<u-popup :show="show" mode="bottom">
|
||||
<view class="common_address_box">
|
||||
<z-nav-bar
|
||||
title="我的收货地址"
|
||||
bgColor="#f0f0f0"
|
||||
fontColor="#333"
|
||||
></z-nav-bar>
|
||||
<view
|
||||
class="common_address_box"
|
||||
:style="`${
|
||||
backState != 1000 ? 'padding-bottom: 180rpx' : 'padding-bottom: 100rpx'
|
||||
}`"
|
||||
>
|
||||
<z-nav-bar
|
||||
navFontAlign="left"
|
||||
title="我的收货地址"
|
||||
bgColor="#3AB3AE"
|
||||
fontColor="#fff"
|
||||
>
|
||||
<template slot="right"></template>
|
||||
</z-nav-bar>
|
||||
<view
|
||||
class=""
|
||||
style="padding: 20rpx; background-color: #f9f9f9; height: 100%"
|
||||
>
|
||||
<!-- @longpress.native.stop="onLongPress" -->
|
||||
<common-list
|
||||
isCondition="true"
|
||||
:dataList="addressList"
|
||||
@hancleClick="handleClickTab"
|
||||
isNoIcon="true"
|
||||
@hancleClick="selectAddress"
|
||||
label="name"
|
||||
class="common_radius_box color_shandow"
|
||||
style="background-color: #fff"
|
||||
>
|
||||
<template slot="rightSlot" slot-scope="slotProps">
|
||||
<text class="fdButtonBox aui-text-success">{{
|
||||
slotProps.row.content
|
||||
}}</text>
|
||||
<template slot="labelSlot" slot-scope="slotProps">
|
||||
<view class="label_content AC_List">
|
||||
<view style="width: 100%">
|
||||
<view class="normal_logo">
|
||||
{{ getName(slotProps.row.consigneeName) }}
|
||||
</view>
|
||||
|
||||
<view :class="`right`">
|
||||
<view class="normal_box">
|
||||
<view class="normal_box_top">
|
||||
<view class="user_info">
|
||||
<text class="name">
|
||||
{{ slotProps.row.consigneeName }}
|
||||
</text>
|
||||
<text class="tel">
|
||||
{{ slotProps.row.consigneePhone }}
|
||||
</text>
|
||||
<text
|
||||
v-if="slotProps.row.isDefault == 1"
|
||||
class="isDefault"
|
||||
>默认</text
|
||||
>
|
||||
</view>
|
||||
<view class="curriulum_title"
|
||||
>{{ slotProps.row.province }}{{ slotProps.row.city
|
||||
}}{{ slotProps.row.county
|
||||
}}{{ slotProps.row.detailAddress }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 018F89 -->
|
||||
<u-icon
|
||||
class="editIcon"
|
||||
name="edit-pen-fill"
|
||||
color="#3ab3ae"
|
||||
size="24"
|
||||
@click.native.stop="handleClickEdit(slotProps.row)"
|
||||
style="display: inline-block; margin-left: 10rpx"
|
||||
></u-icon>
|
||||
<u-icon
|
||||
class="editIcon"
|
||||
name="trash-fill"
|
||||
color="red"
|
||||
size="24"
|
||||
@click.native.stop="handleClickDelete(slotProps.row.id)"
|
||||
style="display: inline-block; margin-left: 10rpx"
|
||||
></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
<view> </view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<template slot="rightSlot" slot-scope="slotProps">
|
||||
<view> </view>
|
||||
</template>
|
||||
</common-list>
|
||||
</view>
|
||||
</u-popup>
|
||||
|
||||
<view class="goods_nav_box">
|
||||
<uni-goods-nav
|
||||
:fill="true"
|
||||
:options="buyOptions"
|
||||
:button-group="customButtonGroup1"
|
||||
@click="onHandleClickIcon"
|
||||
@buttonClick="onHandleClickBuy"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
<u-modal
|
||||
:show="showModal"
|
||||
:title="modalInfo.title"
|
||||
:content="modalInfo.content"
|
||||
showCancelButton
|
||||
@confirm="deleteAddress"
|
||||
@cancel="hancleModalCancel"
|
||||
></u-modal>
|
||||
|
||||
<!-- <edit-address
|
||||
@fresh="handleFresh"
|
||||
ref="commonAddress"
|
||||
@selectAddress="selectAddress"
|
||||
></edit-address> -->
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import courseDescription from "@/pages/component/commonComponents/list";
|
||||
|
||||
import editAddress from "./edit.vue";
|
||||
import $http from "@/config/requestConfig.js";
|
||||
|
||||
import { mapState } from "vuex";
|
||||
export default {
|
||||
components: {
|
||||
courseDescription, //课程说明
|
||||
editAddress, //编辑收获地址
|
||||
},
|
||||
props: ["backState", "type"],
|
||||
data() {
|
||||
return {
|
||||
isEdit: false,
|
||||
showModal: false,
|
||||
addressData: {
|
||||
address: "天津市河东区桃园西里2单元222号房",
|
||||
userName: "张花花",
|
||||
phone: "18834844849",
|
||||
},
|
||||
|
||||
show: false,
|
||||
addressList:[
|
||||
{
|
||||
name:'111',
|
||||
}
|
||||
buyOptions: [
|
||||
// {
|
||||
// icon: 'chat',
|
||||
// text: '客服'
|
||||
// },
|
||||
// {
|
||||
// icon: "bars",
|
||||
// text: "管理",
|
||||
// // info: 2,
|
||||
// infoBackgroundColor: "#007aff",
|
||||
// infoColor: "#f5f5f5",
|
||||
// },
|
||||
// {
|
||||
// icon: 'cart',
|
||||
// text: '购物车',
|
||||
// info: 2
|
||||
// }
|
||||
],
|
||||
customButtonGroup1: [
|
||||
{
|
||||
with: 200,
|
||||
text: "+ 添加收货地址",
|
||||
backgroundColor: "linear-gradient(90deg, #3AB3AE 0%, #117e4c 100%)",
|
||||
color: "#fff",
|
||||
},
|
||||
],
|
||||
show: false,
|
||||
addressList: [],
|
||||
urlList: {
|
||||
list: "book/userAddress/getUserAddress",
|
||||
list: "common/userAddress/getUserAddress",
|
||||
curriculumInfo: "app/phone.do?getCourseInfo",
|
||||
detailInfo: "app/phoneDoctor.do?getTaiHuClassInfo_new",
|
||||
delete: "common/userAddress/delete",
|
||||
},
|
||||
customButton: [
|
||||
{
|
||||
width: "340rpx",
|
||||
text: "立即支付",
|
||||
backgroundColor: "linear-gradient(90deg, #FE6035, #EF1224)",
|
||||
backgroundColor: "linear-gradient(90deg, #3AB3AE 0%, #117e4c 100%)",
|
||||
color: "#fff",
|
||||
},
|
||||
],
|
||||
modalInfo: {},
|
||||
};
|
||||
},
|
||||
onLoad(options) {
|
||||
this.options = options;
|
||||
this.getCourseDescriptionData();
|
||||
this.getData();
|
||||
// this.getUserInfo()
|
||||
// this.getCateList()
|
||||
},
|
||||
@@ -80,79 +197,44 @@ export default {
|
||||
},
|
||||
onShow() {
|
||||
this.selectPayIndex = 0;
|
||||
this.getData();
|
||||
},
|
||||
computed: {
|
||||
...mapState(["userInfo"]),
|
||||
},
|
||||
methods: {
|
||||
open() {
|
||||
this.show = true;
|
||||
hancleModalCancel() {
|
||||
this.showModal = false;
|
||||
},
|
||||
fnCopy(value, title) {
|
||||
this.$commonJS.handleMakingPhoneCalls(value, title);
|
||||
backClick() {
|
||||
this.$emit("fresh");
|
||||
},
|
||||
handleFresh() {
|
||||
this.getData();
|
||||
},
|
||||
onHandleClickIcon() {
|
||||
this.isEdit = true;
|
||||
},
|
||||
onHandleClickBuy() {
|
||||
uni.navigateTo({
|
||||
url: "/pages/component/commonComponents/address/edit",
|
||||
});
|
||||
},
|
||||
handleClickEdit(data) {
|
||||
console.log("data at line 145:", data);
|
||||
uni.navigateTo({
|
||||
url: "/pages/component/commonComponents/address/edit?id=" + data.id,
|
||||
});
|
||||
// this.$refs.commonAddress.open(data.id);
|
||||
},
|
||||
|
||||
gotoPhone() {
|
||||
this.$commonJS.handleMakingPhoneCalls("022-24142321");
|
||||
},
|
||||
|
||||
goBuyJie() {
|
||||
// if (this.addressList.length == 0) {
|
||||
// this.dizhiShow = true // 如果没有地址信息
|
||||
// }
|
||||
// if (!this.nowClick) {
|
||||
// return
|
||||
// }
|
||||
this.nowClick = false;
|
||||
setTimeout(() => {
|
||||
this.nowClick = true;
|
||||
}, 5000);
|
||||
let youPre = {
|
||||
id: "",
|
||||
coupons: {
|
||||
amount: 0,
|
||||
name: "",
|
||||
},
|
||||
};
|
||||
if (this.youhuiContent.id != undefined) {
|
||||
youPre = this.youhuiContent;
|
||||
}
|
||||
let xiaBiao = [];
|
||||
for (let i = 0; i < this.cartList.length; i++) {
|
||||
xiaBiao.push({
|
||||
productId: this.cartList[i].productId,
|
||||
quantity: this.cartList[i].productAmount,
|
||||
});
|
||||
}
|
||||
let data = {
|
||||
buyType: this.typeId, //0- 商品页直接下单 1- 购物车结算
|
||||
userId: this.userInfo.id, //下单人ID
|
||||
shippingUser: this.adressMoRen.consigneeName, //收货人姓名
|
||||
userPhone: this.adressMoRen.consigneePhone, //收货人手机号
|
||||
|
||||
// province: this.adressMoRen.areaidpathtext.split(' ')[0], //省
|
||||
// city: this.adressMoRen.areaidpathtext.split(' ')[1], //市
|
||||
// district: this.adressMoRen.areaidpathtext.split(' ')[2], //区
|
||||
//address: this.adressMoRen.useraddress, //地址
|
||||
|
||||
paymentMethod: this.payType, //支付方式 2支付宝，1微信，3ios内购 4，天医币购买
|
||||
orderMoney: this.totalPrice, //订单金额
|
||||
realMoney: this.realPrice, //实收金额
|
||||
shippingMoney: this.farePrice, //运费
|
||||
couponId: youPre.id, //优惠券Id
|
||||
isSend: this.isSend,
|
||||
couponName: youPre.coupons.name, //优惠券名称
|
||||
districtMoney: youPre.coupons.amount, //优惠金额
|
||||
orderStatus: 0, //订单状态
|
||||
productList: xiaBiao, //订单列表商品
|
||||
orderType: "order", //订单类型
|
||||
addressId: this.adressMoRen.id, // 地址ID
|
||||
};
|
||||
deleteAddress() {
|
||||
var data = {};
|
||||
$http
|
||||
.request({
|
||||
// url: "book/buyOrder/buySave",
|
||||
url: "book/buyOrder/placeOrder",
|
||||
method: "POST", // POST、GET、PUT、DELETE，具体说明查看官方文档
|
||||
url: `${this.urlList.delete}?id=${this.selectAddressId}`,
|
||||
method: "Get", // POST、GET、PUT、DELETE，具体说明查看官方文档
|
||||
data,
|
||||
header: {
|
||||
//默认 无 说明：请求头
|
||||
@@ -160,107 +242,39 @@ export default {
|
||||
},
|
||||
})
|
||||
.then((res) => {
|
||||
console.log("res at line 252:", res);
|
||||
this.showModal = false;
|
||||
if (res.code == 0) {
|
||||
if (res.orderSn == null) {
|
||||
uni.showToast({
|
||||
title: "失败,请重新下单",
|
||||
icon: "none",
|
||||
image: "../../static/icon/ic_close.png",
|
||||
});
|
||||
} else {
|
||||
if (this.payType == 2) {
|
||||
// 常规支付
|
||||
uni.showToast({
|
||||
title: "正在支付",
|
||||
icon: "loading",
|
||||
});
|
||||
setPay(
|
||||
{
|
||||
typePay: "alipay",
|
||||
subject: "order",
|
||||
totalAmount: res.money,
|
||||
type: 2,
|
||||
relevanceoid: res.orderSn,
|
||||
customerId: this.userInfo.id,
|
||||
},
|
||||
(res) => {
|
||||
if (res.success) {
|
||||
uni.showToast({
|
||||
title: "支付成功",
|
||||
});
|
||||
setTimeout(() => {
|
||||
uni.switchTab({
|
||||
url: "./orderList",
|
||||
});
|
||||
// uni.navigateTo({
|
||||
// url: './orderList'
|
||||
// });
|
||||
}, 1000);
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: "支付失败",
|
||||
icon: "none",
|
||||
image: "../../static/icon/ic_close.png",
|
||||
});
|
||||
// setTimeout(() => {
|
||||
|
||||
// uni.navigateTo({
|
||||
// url: './orderList'
|
||||
// });
|
||||
// }, 1000)
|
||||
}
|
||||
}
|
||||
);
|
||||
} else if (this.payType == 1) {
|
||||
// 微信支付
|
||||
let data1 = {
|
||||
orderSn: res.orderSn,
|
||||
buyOrderId: null,
|
||||
totalAmount: res.money,
|
||||
};
|
||||
setWXPay(data1, (res) => {
|
||||
if (res.success) {
|
||||
uni.showToast({
|
||||
title: "支付成功",
|
||||
});
|
||||
setTimeout(() => {
|
||||
uni.switchTab({
|
||||
url: "./orderList",
|
||||
});
|
||||
}, 1000);
|
||||
} else {
|
||||
console.log(res);
|
||||
if (res.data.errMsg.indexOf("User canceled") != -1) {
|
||||
uni.showToast({
|
||||
title: "用户取消支付",
|
||||
icon: "none",
|
||||
image: "../../static/icon/ic_close.png",
|
||||
});
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: "支付失败",
|
||||
icon: "none",
|
||||
image: "../../static/icon/ic_close.png",
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
} else if (this.payType == 4) {
|
||||
// 天医币支付
|
||||
uni.showToast({
|
||||
title: "购买成功",
|
||||
icon: "success",
|
||||
});
|
||||
setTimeout(() => {
|
||||
uni.switchTab({
|
||||
url: "./orderList",
|
||||
});
|
||||
}, 1000);
|
||||
}
|
||||
}
|
||||
this.getData();
|
||||
}
|
||||
});
|
||||
},
|
||||
handleClickDelete(id) {
|
||||
this.modalInfo = { title: "提示信息", content: "确定要删除该地址吗？" };
|
||||
this.selectAddressId = id;
|
||||
this.showModal = true;
|
||||
},
|
||||
|
||||
getName(name) {
|
||||
console.log("name at line 140:", name);
|
||||
if (name) {
|
||||
if (name.length <= 2) {
|
||||
return name;
|
||||
} else {
|
||||
return name.substring(0, 1);
|
||||
}
|
||||
}
|
||||
},
|
||||
open() {
|
||||
this.getData();
|
||||
},
|
||||
fnCopy(value, title) {
|
||||
this.$commonJS.handleMakingPhoneCalls(value, title);
|
||||
},
|
||||
|
||||
gotoPhone() {
|
||||
this.$commonJS.handleMakingPhoneCalls("022-24142321");
|
||||
},
|
||||
|
||||
radioChange(index) {
|
||||
this.selectPayIndex = index;
|
||||
@@ -291,108 +305,48 @@ export default {
|
||||
// fnLoadDataGrid();
|
||||
// });
|
||||
},
|
||||
fnRelearn(oid, days, courseFee) {
|
||||
//99和199课程复读一个月60三个月120; 299和399课程复读一个月80三个月180
|
||||
//499和599课程复读一个月90三个月220; 699和799课程复读一个月100三个月248
|
||||
var feeAs = [
|
||||
[60, 120],
|
||||
[80, 180],
|
||||
[90, 220],
|
||||
[100, 248],
|
||||
];
|
||||
var fee = 0;
|
||||
if (courseFee < 206) {
|
||||
fee = feeAs[0][days == 30 ? 0 : 1];
|
||||
} else if (courseFee < 406) {
|
||||
fee = feeAs[1][days == 30 ? 0 : 1];
|
||||
} else if (courseFee < 606) {
|
||||
fee = feeAs[2][days == 30 ? 0 : 1];
|
||||
} else {
|
||||
fee = feeAs[3][days == 30 ? 0 : 1];
|
||||
}
|
||||
this.modalInfo = {
|
||||
title: "提示信息",
|
||||
content:
|
||||
"用户您好，该课程已到期，通过支付" +
|
||||
fee +
|
||||
"元，本门课程可获得" +
|
||||
days +
|
||||
"天延期学习时间，点击确认即完成自动扣费，感谢配合！",
|
||||
};
|
||||
|
||||
this.taiHuClassInfo = {
|
||||
taiHuClassOid: oid,
|
||||
days: days,
|
||||
fee: fee,
|
||||
};
|
||||
this.show = true;
|
||||
// $aui.alert({
|
||||
// title: ,
|
||||
// content: '用户您好，该课程已到期，通过支付' + fee + '元，本门课程可获得' + days + '天延期学习时间，点击确认即完成自动扣费，感谢配合！',
|
||||
// buttons: ['取消', '确认'],
|
||||
// radius: 6,
|
||||
// titleColor: '#ff3300',
|
||||
// contColor: '#333',
|
||||
// btnColor: ''
|
||||
},
|
||||
//课程详情
|
||||
async gotoDetail(v) {
|
||||
console.log(v);
|
||||
|
||||
var result = await this.$commonJS.getCheckCourseStatus({
|
||||
oid: v.courseOid,
|
||||
});
|
||||
console.log("result at line 364:", result);
|
||||
|
||||
if (result.buyFlg == 0 && v.conditions != "01") {
|
||||
this.$commonJS.showToast("请先购买课程");
|
||||
return;
|
||||
selectAddress(v) {
|
||||
console.log("v at line 423:", this.type);
|
||||
// 当前页面
|
||||
// 在源页面中使用 uni.navigateBack 返回上一页面并传递参数
|
||||
if (this.options.type == "order") {
|
||||
uni.$emit("returnData", v);
|
||||
uni.navigateBack({
|
||||
delta: 1, // 返回上一级页面
|
||||
});
|
||||
}
|
||||
|
||||
uni.navigateTo({
|
||||
// url: '../bookShop/commodityDetail?id=' + item.id
|
||||
url: `/pages/curriculum/order/curriculum/detail?navTitle=${v.title}&title=${v.title}&oid=${v.courseOid}&conditions=${v.conditions}&detailOid=${v.detailOid}`,
|
||||
});
|
||||
// this.$emit("selectAddress", v);
|
||||
},
|
||||
//相关课程
|
||||
goCourseDescription(v) {
|
||||
console.log(v);
|
||||
uni.navigateTo({
|
||||
// url: '../bookShop/commodityDetail?id=' + item.id
|
||||
url: `/pages/curriculum/order/curriculum/index?navTitle=${v.title}&title=${v.title}&oid=${v.oid}`,
|
||||
});
|
||||
},
|
||||
async getCourseDescriptionData() {
|
||||
async getData() {
|
||||
console.log("this.userInfo.id at line 368:", this.userInfo.id);
|
||||
var data = {};
|
||||
|
||||
var that = this;
|
||||
console.log(this.$store.state, "11111111111");
|
||||
this.$http
|
||||
.post(this.urlList.list, {
|
||||
customerType: "D",
|
||||
token: uni.getStorageSync("token"),
|
||||
customerOid: uni.getStorageSync("customerOid"),
|
||||
oid: this.options.oid,
|
||||
})
|
||||
.then(async (res) => {
|
||||
that.curriculumData = res.obj;
|
||||
|
||||
if (
|
||||
that.curriculumData.productImageList == null ||
|
||||
that.curriculumData.productImageList == ""
|
||||
) {
|
||||
this.swiperList.push(that.curriculumData.explainsImg);
|
||||
} else {
|
||||
that.swiperList = that.curriculumData.productImageList.split(",");
|
||||
// for (var i = 0; i < imgList.length; i++) {
|
||||
// this.swiperList.push(imgList[i])
|
||||
// }
|
||||
$http
|
||||
.request({
|
||||
// url: "book/buyOrder/buySave",
|
||||
url: `${this.urlList.list}?userId=${this.userInfo.id}`,
|
||||
method: "POST", // POST、GET、PUT、DELETE，具体说明查看官方文档
|
||||
data,
|
||||
header: {
|
||||
//默认 无 说明：请求头
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
})
|
||||
|
||||
.then(async (res) => {
|
||||
console.log("res at line 374:", res);
|
||||
if (res.code == 0) {
|
||||
this.addressList = res.list;
|
||||
}
|
||||
|
||||
that.dataList = res.obj.correlatedList;
|
||||
await that.getDetailInfo();
|
||||
// that.relatedCoursesList = res.obj.correlatedList
|
||||
// await that.handleselectCate({ ...this.cateList[0], index: 0 })
|
||||
// socket.init();
|
||||
this.$forceUpdate();
|
||||
|
||||
// await that.getDetailInfo();
|
||||
});
|
||||
},
|
||||
getPriceData() {
|
||||
@@ -527,11 +481,6 @@ export default {
|
||||
|
||||
// curriculumInfo
|
||||
|
||||
this.detailInfo = {
|
||||
content:
|
||||
"<img src='http://oss.taihumed.com/other/null_20210528102528870.jpg' ></img> <img src='http://101.201.146.165:8088/curriculum/detailImg/curriculum_20170420143333621.png' ></img><p><p>没有中医基础想学中医难不难？中医学者治疗出现瓶颈怎么办？中西医究竟有什么不同呢？吴雄志教授将以全新的视角，完美整合中药学和西医学知识，让你领略当代中医生理学魅力。</p><p><br/><p></p><p><br/></p><p>【思考题】</p><p>1、简述中医的发展这些年出现了哪些变化？</p><p>2、简述中西医学科的异同？</p>",
|
||||
};
|
||||
|
||||
// this.$http
|
||||
// .post(this.urlList.detailInfo, {
|
||||
// customerType
|
||||
@@ -652,7 +601,7 @@ export default {
|
||||
this.searchList = [];
|
||||
this.showSearchList = false;
|
||||
this.$nextTick(async () => {
|
||||
await that.getCourseDescriptionData();
|
||||
await that.getData();
|
||||
|
||||
this.$forceUpdate();
|
||||
});
|
||||
@@ -843,9 +792,114 @@ export default {
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
/deep/.list_item {
|
||||
// border-bottom: none;
|
||||
padding-left: 0 !important;
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
.AC_List {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background-color: #fff;
|
||||
// justify-content: space-between;
|
||||
}
|
||||
.curriulum_title {
|
||||
width: 100%;
|
||||
font-weight: 500;
|
||||
font-size: 28rpx;
|
||||
white-space: wrap; /* 禁止文本换行 */
|
||||
overflow: hidden;
|
||||
// line-height: 40rpx;
|
||||
// display: flex;
|
||||
// align-items: center;
|
||||
margin-top: 10rpx;
|
||||
float: left;
|
||||
margin-bottom: 5rpx;
|
||||
color: #b0b0b0;
|
||||
// padding: 20rpx;
|
||||
box-sizing: border-box;
|
||||
text {
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
}
|
||||
.right {
|
||||
width: calc(100% - 100rpx);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.user_info {
|
||||
width: 100%;
|
||||
float: left;
|
||||
display: flex;
|
||||
margin-top: 10rpx;
|
||||
align-items: center;
|
||||
font-size: 32rpx;
|
||||
font-weight: 800;
|
||||
|
||||
.name {
|
||||
max-width: calc(100% - 300rpx);
|
||||
white-space: nowrap; /* 禁止文本换行 */
|
||||
overflow: hidden; /* 隐藏超出容器的文本 */
|
||||
text-overflow: ellipsis; /* 使用省略号代替隐藏的内容 */
|
||||
display: inline-block;
|
||||
|
||||
color: #333;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
|
||||
.tel {
|
||||
color: #000;
|
||||
font-size: 28rpx;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
.common_address_box {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background-color: #fff;
|
||||
background-color: #fdfbfb;
|
||||
}
|
||||
.normal_box {
|
||||
width: calc(100% - 60rpx);
|
||||
height: auto;
|
||||
float: left;
|
||||
|
||||
// overflow: hidden;
|
||||
.normal_box_top {
|
||||
width: 100%;
|
||||
// display: flex;
|
||||
|
||||
height: auto;
|
||||
margin-bottom: 40rpx;
|
||||
}
|
||||
|
||||
.editIcon {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
.normal_logo {
|
||||
width: 80rpx !important;
|
||||
height: 80rpx !important;
|
||||
border-radius: 80rpx;
|
||||
background-color: #d8f8e4;
|
||||
color: #3ab3ae;
|
||||
font-size: 34rpx;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
line-height: 80rpx;
|
||||
float: left;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
.isDefault {
|
||||
color: #3ab3ae;
|
||||
font-size: 22rpx;
|
||||
font-weight: 600;
|
||||
border: 1rpx solid #3ab3ae;
|
||||
padding: 2rpx 10rpx;
|
||||
border-radius: 6rpx;
|
||||
line-height: 30rpx;
|
||||
margin-left: 18rpx;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user