mkm/new_shop_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

个人中心 设置功能搬迁

Browse Source
This commit is contained in:
DESKTOP-GMUNQ1B\k 2024-03-02 11:47:03 +08:00
parent d2b0a07ba7
commit 5a769016c6
15 changed files with 2546 additions and 681 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
api/cloud_warehouse.js Normal file
View File

@ -0,0 +1,29 @@
import request from "@/utils/request.js";
/**
* 获取里海云仓大分类
* @param
*/
export function getCategory(id, pid) {
let par = {};
if (pid) {
par['pid'] = pid;
}
return request.get("store/merchant/category/lst/" + id, par);
}
/**
* 获取里海云仓比例
* @param
*/
export function getProportion(data) {
return request.get("product/spu/storeLabel", data);
}
/**
* 里海云仓商品列表
* @param
*/
export function goodsList(data) {
return request.get("product/spu/merchant/" + data.mer_id, data);
}

66
api/user.js
View File

@ -21,12 +21,12 @@ export function getUserInfo() {
* *
*/ */
export function editAvatar(data) { export function editAvatar(data) {
return request.post('user/change/info',data); return request.post('user/change/info', data);
} }
// 修改昵称 // 修改昵称
export function updateInfo(data) { export function updateInfo(data) {
return request.post('user/change/avatar',data); return request.post('user/change/avatar', data);
} }
/** /**
* h5用户登录 * h5用户登录
@ -114,7 +114,9 @@ export function registerForget(data) {
* *
*/ */
export function getMenuList() { export function getMenuList() {
return request.get("common/menus",{},{noAuth: true}); return request.get("common/menus", {}, {
noAuth: true
});
} }
/* /*
* 签到用户信息 * 签到用户信息
@ -358,7 +360,8 @@ export function getRechargeApi() {
* 登陆记录 * 登陆记录
*/ */
export function setVisit(data) { export function setVisit(data) {
return request.post('user/set_visit', { ...data return request.post('user/set_visit', {
...data
}, { }, {
noAuth: true noAuth: true
}); });
@ -379,7 +382,7 @@ export function serviceLogin(key, data) {
* 客服获取客户列表 * 客服获取客户列表
*/ */
export function serviceUserList(mer_id, data) { export function serviceUserList(mer_id, data) {
return request.get("service/user_list/"+mer_id, data); return request.get("service/user_list/" + mer_id, data);
} }
/** /**
* 用户获取聊天记录详情 * 用户获取聊天记录详情
@ -413,7 +416,8 @@ export function feedbackType() {
* 提交反馈 * 提交反馈
*/ */
export function feedback(data) { export function feedback(data) {
return request.post("user/feedback", { ...data return request.post("user/feedback", {
...data
}); });
} }
/** /**
@ -519,7 +523,9 @@ export function imgToBase(data) {
* *
*/ */
export function getAgreementApi(key) { export function getAgreementApi(key) {
return request.get('agreement/'+key,{},{noAuth: true}); return request.get('agreement/' + key, {}, {
noAuth: true
});
} }
/** /**
* 获取协议 * 获取协议
@ -591,7 +597,9 @@ export function growthValueRecord(data) {
* *
*/ */
export function cacheLst() { export function cacheLst() {
return request.get('agreement_lst',{}, {noAuth: true}) return request.get('agreement_lst', {}, {
noAuth: true
})
} }
/** /**
* 协议规则列表对应的数据 * 协议规则列表对应的数据
@ -599,7 +607,9 @@ export function cacheLst() {
* *
*/ */
export function cacheInfo(key) { export function cacheInfo(key) {
return request.get(`agreement/${key}`,{}, {noAuth: true}) return request.get(`agreement/${key}`, {}, {
noAuth: true
})
} }
/** /**
* 注销账户 * 注销账户
@ -623,7 +633,9 @@ export function serviceUser(merId, uid) {
* *
*/ */
export function serviceSaveMark(merId, uid, mark) { export function serviceSaveMark(merId, uid, mark) {
return request.post(`service/mark/${merId}/${uid}`, {mark}) return request.post(`service/mark/${merId}/${uid}`, {
mark
})
} }
/** /**
* 获取会员卡类型 * 获取会员卡类型
@ -647,7 +659,9 @@ export function memberCardCreate(id, data) {
* *
*/ */
export function memberEquity() { export function memberEquity() {
return request.get(`svip/user_info`, {}, {noAuth: true}) return request.get(`svip/user_info`, {}, {
noAuth: true
})
} }
/** /**
* 付费会员优惠券 * 付费会员优惠券
@ -655,7 +669,9 @@ export function memberEquity() {
* *
*/ */
export function memberCouponLst() { export function memberCouponLst() {
return request.get(`svip/coupon_lst`, {}, {noAuth: true}) return request.get(`svip/coupon_lst`, {}, {
noAuth: true
})
} }
/** /**
* 付费会员优惠券--领取 * 付费会员优惠券--领取
@ -671,7 +687,9 @@ export function receiveMemberCoupon(id) {
* *
*/ */
export function groomList(data) { export function groomList(data) {
return request.get(`svip/product_lst`, data, {noAuth: true}) return request.get(`svip/product_lst`, data, {
noAuth: true
})
} }
/** /**
* 客服聊天--撤回消息 * 客服聊天--撤回消息
@ -711,7 +729,7 @@ export function getUserSetting() {
* *
*/ */
export function userSettingEdit(data) { export function userSettingEdit(data) {
return request.post(`user/fields/save`, data) return request.post(`user/fields/save`, data)
} }
/** /**
* 报名活动--详情 * 报名活动--详情
@ -719,14 +737,16 @@ export function userSettingEdit(data) {
* *
*/ */
export function registrateDetail(id) { export function registrateDetail(id) {
return request.get(`system/form/detail/${id}`,{}, {noAuth: true}) return request.get(`system/form/detail/${id}`, {}, {
noAuth: true
})
} }
/** /**
* 报名活动--提交数据 * 报名活动--提交数据
* @param object data * @param object data
* *
*/ */
export function registrateCreate(id,data) { export function registrateCreate(id, data) {
return request.post(`user/form/create/${id}`, data) return request.post(`user/form/create/${id}`, data)
} }
/** /**
@ -735,7 +755,9 @@ export function registrateCreate(id,data) {
* *
*/ */
export function getRechargeList(data) { export function getRechargeList(data) {
return request.get(`system/form/lst`, data, {noAuth: true}) return request.get(`system/form/lst`, data, {
noAuth: true
})
} }
/** /**
* 报名活动--记录 * 报名活动--记录
@ -767,5 +789,13 @@ export function registrateRecordDetail(id) {
* *
*/ */
export function systemFormData(id) { export function systemFormData(id) {
return request.get(`system/form/info/${id}`, {}, {noAuth: true}) return request.get(`system/form/info/${id}`, {}, {
noAuth: true
})
}
//填写邀请码
export function bindPromotionCode(data) {
return request.post(`user/change/bind_promotion_code`, data)
} }

25
components/emptyPage.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<view class="empty-box"> <view class="empty-box" :style="{'margin-top':mt}">
<image src="/static/images/empty-box.png"></image> <image src="/static/images/empty-box.png"></image>
<view class="txt">{{title}}</view> <view class="txt" :style="{color:color}">{{title}}</view>
</view> </view>
</template> </template>
@ -15,31 +15,40 @@
// +---------------------------------------------------------------------- // +----------------------------------------------------------------------
// | Author: CRMEB Team <admin@crmeb.com> // | Author: CRMEB Team <admin@crmeb.com>
// +---------------------------------------------------------------------- // +----------------------------------------------------------------------
export default{ export default {
props: { props: {
title: { title: {
type: String, type: String,
default: '暂无记录', default: '暂无记录',
}, },
color: {
type: String,
default: "#999"
},
mt: {
type: String,
default: "200rpx"
}
}, },
} }
</script> </script>
<style lang="scss"> <style lang="scss">
.empty-box{ .empty-box {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
margin-top: 200rpx; margin-top: 200rpx;
image{
image {
width: 414rpx; width: 414rpx;
height: 240rpx; height: 240rpx;
} }
.txt{
.txt {
font-size: 26rpx; font-size: 26rpx;
color: #999; color: #999;
} }
} }
</style> </style>

220
pages.json
View File

@ -145,95 +145,99 @@
"navigationStyle": "custom", "navigationStyle": "custom",
"onReachBottomDistance": 300 "onReachBottomDistance": 300
} }
}, {
"path": "pages/rich/rich",
"style": {
"navigationBarTitleText": "政策答疑",
"enablePullDownRefresh": false
}
}, },
{ {
"path" : "pages/redpacket/redpacket", "path": "pages/rich/mp4",
"style" : "style": {
{ "navigationBarTitleText": "教学视频",
"navigationBarTitleText" : "补贴", "enablePullDownRefresh": false
"enablePullDownRefresh" : false }
} },
}, {
{ "path": "pages/redpacket/redpacket",
"path" : "pages/redpacket/redpack_type", "style": {
"style" : "navigationBarTitleText": "补贴",
{ "enablePullDownRefresh": false
"navigationBarTitleText" : "补贴余额", }
"enablePullDownRefresh": false, },
"navigationStyle": "custom", {
"onReachBottomDistance": 300 "path": "pages/redpacket/redpack_type",
} "style": {
}, "navigationBarTitleText": "补贴余额",
{ "enablePullDownRefresh": false,
"path" : "pages/newActivity/subsidy/subsidy2", "navigationStyle": "custom",
"style" : "onReachBottomDistance": 300
{ }
"navigationBarTitleText" : "实物通用补贴", },
"enablePullDownRefresh": false, {
"navigationStyle": "custom", "path": "pages/newActivity/subsidy/subsidy2",
"onReachBottomDistance": 300 "style": {
} "navigationBarTitleText": "实物通用补贴",
}, "enablePullDownRefresh": false,
{ "navigationStyle": "custom",
"path" : "pages/newActivity/subsidy/subsidy3", "onReachBottomDistance": 300
"style" : }
{ },
"navigationBarTitleText" : "现金抵扣补贴", {
"enablePullDownRefresh": false, "path": "pages/newActivity/subsidy/subsidy3",
"navigationStyle": "custom", "style": {
"onReachBottomDistance": 300 "navigationBarTitleText": "现金抵扣补贴",
} "enablePullDownRefresh": false,
}, "navigationStyle": "custom",
{ "onReachBottomDistance": 300
"path" : "pages/newActivity/towPrice/towPrice", }
"style" : },
{ {
"navigationBarTitleText" : "两元专区", "path": "pages/newActivity/towPrice/towPrice",
"enablePullDownRefresh": false, "style": {
"navigationStyle": "custom", "navigationBarTitleText": "两元专区",
"onReachBottomDistance": 300 "enablePullDownRefresh": false,
} "navigationStyle": "custom",
}, "onReachBottomDistance": 300
{ }
"path" : "pages/newActivity/giftBag/giftBag", },
"style" : {
{ "path": "pages/newActivity/giftBag/giftBag",
"navigationBarTitleText" : "新人礼包", "style": {
"enablePullDownRefresh": false, "navigationBarTitleText": "新人礼包",
"navigationStyle": "custom", "enablePullDownRefresh": false,
"onReachBottomDistance": 300 "navigationStyle": "custom",
} "onReachBottomDistance": 300
}, }
{ },
"path" : "pages/newActivity/activityDetail/activityDetail", {
"style" : "path": "pages/newActivity/activityDetail/activityDetail",
{ "style": {
"navigationBarTitleText": "活动", "navigationBarTitleText": "活动",
"enablePullDownRefresh": true, "enablePullDownRefresh": true,
"navigationStyle": "custom", "navigationStyle": "custom",
"onReachBottomDistance": 300 "onReachBottomDistance": 300
} }
}, },
{ {
"path" : "pages/newActivity/subsidy/subsidy", "path": "pages/newActivity/subsidy/subsidy",
"style" : "style": {
{ "navigationBarTitleText": "补贴记录",
"navigationBarTitleText": "补贴记录", "enablePullDownRefresh": true,
"enablePullDownRefresh": true, "navigationStyle": "custom",
"navigationStyle": "custom", "onReachBottomDistance": 300
"onReachBottomDistance": 300 }
} },
}, {
{ "path": "pages/newActivity/invitation/invitation",
"path" : "pages/newActivity/invitation/invitation", "style": {
"style" : "navigationBarTitleText": "拉新活动",
{ "enablePullDownRefresh": true,
"navigationBarTitleText": "拉新活动", "navigationStyle": "custom",
"enablePullDownRefresh": true, "onReachBottomDistance": 300
"navigationStyle": "custom", }
"onReachBottomDistance": 300 }
}
}
], ],
"subPackages": [{ "subPackages": [{
"root": "pages/cloud_warehouse", "root": "pages/cloud_warehouse",
@ -531,12 +535,12 @@
"navigationBarTitleText": "申请退货" "navigationBarTitleText": "申请退货"
} }
}, },
{ {
"path": "invite_code/index", "path": "invite_code/index",
"style": { "style": {
"navigationBarTitleText": "邀请码" "navigationBarTitleText": "邀请码"
} }
}, },
{ {
"path": "login/login_copy", "path": "login/login_copy",
"style": { "style": {
@ -727,14 +731,14 @@
"style": { "style": {
"navigationBarTitleText": "商家入驻" "navigationBarTitleText": "商家入驻"
} }
}, },
{ {
"path": "settled/unit", "path": "settled/unit",
"style": { "style": {
"navigationBarTitleText": "种养殖户入驻" "navigationBarTitleText": "种养殖户入驻"
} }
}, },
{ {
"path": "applicationRecord/index", "path": "applicationRecord/index",
"style": { "style": {
"navigationBarTitleText": "申请记录" "navigationBarTitleText": "申请记录"
@ -1459,12 +1463,12 @@
// "selectedIconPath": "static/images/5-002.png", // "selectedIconPath": "static/images/5-002.png",
// "text": "逛逛" // "text": "逛逛"
// }, // },
{ {
"pagePath": "pages/gather/gather", "pagePath": "pages/gather/gather",
"iconPath": "static/images/2-001.png", "iconPath": "static/images/2-001.png",
"selectedIconPath": "static/images/2-002.png", "selectedIconPath": "static/images/2-002.png",
"text": "工作台" "text": "工作台"
}, },
{ {
"pagePath": "pages/order_addcart/order_addcart", "pagePath": "pages/order_addcart/order_addcart",
"iconPath": "static/images/3-001.png", "iconPath": "static/images/3-001.png",

98
pages/cloud_warehouse/big_classification/index.vue
View File

@ -5,30 +5,65 @@
<view style="height: var(--status-bar-height);"></view> <view style="height: var(--status-bar-height);"></view>
<!-- 返回 --> <!-- 返回 -->
<view class="back-icon"></view> <view class="back-icon" @click="handleBack"></view>
<!-- 分类 --> <!-- 分类 -->
<view class="classification"> <view class="classification">
<block v-for="item in 20" :key="item"> <view class="classification-wrap" v-if="list.length >0">
<view class="classification-item" @click="goSmallType"> <block v-for="item in list" :key="item">
<image src="/static/cloud_warehouse/pic.webp" mode="" /> <view class="classification-item" @click="goSmallType(item)">
<image :src="item.pic" mode="" />
</view>
</block>
</view>
<view class='empty-box' v-if="list.length == 0">
<view class='pictrue'>
<u--image src='../../../static/images/empty-box.png'></u--image>
<view class="txt">暂无更多分类~</view>
</view> </view>
</block> </view>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
import {
getCategory
} from "@/api/cloud_warehouse.js";
export default { export default {
data() { data() {
return { return {
list: [] list: [],
mer_id: ''
} }
}, },
onLoad(opt) {
this.mer_id = opt.id || 259;
this.getData();
},
methods: { methods: {
goSmallType() {
getData() {
getCategory(this.mer_id).then(res => {
this.list = res.data;
})
},
// 返回上一页
handleBack() {
uni.navigateBack({
delta: 1
})
},
// 小分类
goSmallType(e) {
uni.navigateTo({ uni.navigateTo({
url: "/pages/cloud_warehouse/small_classification/index" url: "/pages/cloud_warehouse/small_classification/index?pid=" + e.store_category_id +
'&mer_id=' + this.mer_id
}) })
} }
} }
@ -64,24 +99,47 @@
} }
.classification { .classification {
display: flex;
flex-wrap: wrap;
margin: 0 20rpx; margin: 0 20rpx;
padding-top: 490rpx; padding-top: 490rpx;
.classification-item { .classification-wrap {
width: 346rpx; display: flex;
height: 160rpx; flex-wrap: wrap;
margin-bottom: 18rpx;
&:nth-child(2n-1) { .classification-item {
margin-right: 18rpx; width: 346rpx;
} height: 160rpx;
margin-bottom: 18rpx;
image { &:nth-child(2n-1) {
width: 100%; margin-right: 18rpx;
height: 100%; }
image {
width: 100%;
height: 100%;
}
} }
} }
} }
.empty-box {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 100rpx auto 0;
image {
width: 414rpx;
height: 240rpx;
}
.txt {
font-size: 26rpx;
color: #999;
text-align: center;
}
}
</style> </style>

273
pages/cloud_warehouse/small_classification/index.vue
View File

@ -6,87 +6,76 @@
<!-- 搜索 --> <!-- 搜索 -->
<view class="search"> <view class="search">
<view class="icon" /> <view class="icon" @click="handleBack" />
<view class="input-wrap"> <view class="input-wrap">
<icon type="search" size="18" /> <icon type="search" size="18" />
<input type="text" class="uni-input" placeholder="搜索商品" @input="" /> <input type="text" class="uni-input" placeholder="搜索商品" @input="" />
</view> </view>
</view> </view>
<!-- 商品 --> <!-- goods -->
<view class="con"> <view class="con">
<view class="con-left" :style="{'height':leftDomHeight}"> <view class="con-left" :style="{'height':leftDomHeight}">
<view class="con-left-bili_num_1" @click="handleChooseSideBar"> <!-- 侧边栏商品类型 -->
<image src="../../../static/cloud_warehouse/hf.webp" /> <block v-for="(item,indx) in cateData" :key="indx">
<text>化肥</text> <view class="con-left-bili_num_2" @click="handleChooseSideBar(item.store_category_id)">
</view> <u--image :src="item.pic" width="100rpx" height="100rpx" style="margin-bottom: 20rpx;">
<view class="con-left-bili_num_2"> <template v-slot:loading>
<image src="../../../static/cloud_warehouse/nj.webp" /> <u-loading-icon color="#999"></u-loading-icon>
<text>农具</text> </template>
</view> </u--image>
<view class="con-left-bili_num_3"> <text class="cate-name"
<image src="../../../static/cloud_warehouse/ny.webp" /> :class="{active:searchParam.mer_cate_id == item.store_category_id?true:false}">{{item.cate_name}}</text>
<text>农药</text> </view>
</view> </block>
<view class="con-left-bili_num_4">
<image src="../../../static/cloud_warehouse/sl.webp" />
<text class="active">饲料</text>
</view>
<view class="con-left-bili_num_5">
<image src="../../../static/cloud_warehouse/sy.webp" />
<text>兽药</text>
</view>
<view class="con-left-bili_num_6">
<image src="../../../static/cloud_warehouse/zz.webp" />
<text>种子</text>
</view>
<view class="con-left-bili_num_6">
<image src="../../../static/cloud_warehouse/zz.webp" />
<text>种子</text>
</view>
<view class="con-left-bili_num_6">
<image src="../../../static/cloud_warehouse/zz.webp" />
<text>种子</text>
</view>
<view class="con-left-bili_num_6">
<image src="../../../static/cloud_warehouse/zz.webp" />
<text>种子</text>
</view>
</view> </view>
<view class="con-right"> <view class="con-right">
<!-- 补贴比例标签 -->
<view class="con-right-proportion"> <view class="con-right-proportion">
<image src="../../../static/cloud_warehouse/dkbl.png" /> <image src="../../../static/cloud_warehouse/dkbl.png" />
<view class="con-right-proportion-item" :class="{active:propIndx == 1}" <block v-for="(item,indx) in propotionData" :key="indx">
@click="handleChooseProp(1)">1:9</view> <view class="con-right-proportion-item" :class="{active:searchParam.deduction_rate == indx + 1}"
<view class="con-right-proportion-item" :class="{active:propIndx == 2}" @click="handleChooseProp(indx + 1)">{{item.label_name}}</view>
@click="handleChooseProp(2)">2:8</view> </block>
<view class="con-right-proportion-item" :class="{active:propIndx == 3}"
@click="handleChooseProp(3)">3:7</view>
<view class="con-right-proportion-item" :class="{active:propIndx == 4}"
@click="handleChooseProp(4)">4:6</view>
</view> </view>
<!-- 商品列表 -->
<scroll-view scroll-y="true" class="con-right-goods" :style="{'height':goodsListHeight}" <scroll-view scroll-y="true" class="con-right-goods" :style="{'height':goodsListHeight}"
:show-scrollbar="false" :scroll-with-animation="true"> :show-scrollbar="false" :scroll-with-animation="true" @scrolltolower="scrolltolower">
<view class="con-right-goods-item" v-for="item in 10"> <view v-if="goodsData.length > 0">
<view class="goods-item-left"> <view class="con-right-goods-item" v-for="(item,indx) in goodsData" :key="indx">
<image src="" mode=""></image> <view class="goods-item-left">
<u--image :src="item.image" width="190rpx" height="190rpx" radius="10" />
</view>
<view class="goods-item-right">
<view class="goods-item-right-title">
<text class="city">同城</text>
<text class="name line1">{{item.store_name}}</text>
</view>
<view class="goods-item-right-redpackat line1">可使用补贴抵扣20%</view>
<view class="goods-item-right-rules">
<text class="unit">规格：1{{item.unit_name}}</text>
<!-- 方山镇 -->
<text class="addr"></text>
</view>
<view class="goods-item-right-purchase">
<text class="num">￥{{item.price}}</text>
<text class="buy"></text>
</view>
</view>
</view> </view>
<view class="goods-item-right"> <view class="loadingicon acea-row row-center-wrapper" style="color: #ccc;">
<view class="goods-item-right-title"> <text class="loading iconfont icon-jiazai" :hidden="hotLoading == false"></text>
<text class="city">同城</text> {{ hotTitle }}
<text class="name line1">费大壮催肥猪饲料</text> </view>
</view> </view>
<view class="goods-item-right-redpackat line1">可使用补贴抵扣20%</view>
<view class="goods-item-right-rules"> <view class='empty-box' v-else>
<text class="unit">规格：1袋50kg</text> <view class='pictrue'>
<text class="addr">方山镇</text> <u--image src='../../../static/images/empty-box.png' width="414rpx"
</view> height="240rpx"></u--image>
<view class="goods-item-right-purchase"> <view class="txt">暂无更多商品~</view>
<text class="num">￥80</text>
<text class="buy"></text>
</view>
</view> </view>
</view> </view>
</scroll-view> </scroll-view>
@ -111,41 +100,116 @@
</template> </template>
<script> <script>
import {
getProportion,
getCategory,
goodsList
} from "@/api/cloud_warehouse.js";
export default { export default {
data() { data() {
return { return {
propIndx: '', //比例
sideBarIndx: '', //侧边栏
leftDomHeight: 0, //左侧农产品类型高度 leftDomHeight: 0, //左侧农产品类型高度
goodsListHeight: 0, //右侧商品列表高度 goodsListHeight: 0, //右侧商品列表高度
propotionData: [], //比例
cateData: [], //分类
goodsData: [], //商品列表
pid: '', //上一级id
searchParam: {
mer_cate_id: '', //商品类型id
mer_id: '', //商铺id
deduction_rate: '', //抵扣比例id
keyword: '', //关键字查询
page: 1,
limit: 10
},
// 滚动加载
hotTitle: '加载更多',
hotLoading: false,
hotScroll: true,
} }
}, },
onLoad() { onLoad(opt) {
this.pid = opt.pid;
this.searchParam.mer_id = opt.mer_id; //商铺id
this.initHeight(); this.initHeight();
this.initGoodsListHeight(); this.initGoodsListHeight();
this.initConfig();
}, },
methods: { methods: {
// 返回
// 选择位置 handleBack() {
changeMap() { uni.navigateBack({
delta: 1
console.log(11);
uni.navigateTo({
url: `/pages/cloud_warehouse/select_address/index`,
success: () => {
uni.$once('changeAddress', (e) => {})
},
fail(e) {
console.log(e);
}
}) })
}, },
handleChooseProp(e) { // 初始化商品列表参数
this.propIndx = e; initConfig() {
uni.showLoading({
title: "加载中",
})
Promise.all([getProportion({
mer_id: this.searchParam.mer_id
}), getCategory(this.searchParam.mer_id, this.pid)]).then(res => {
uni.hideLoading();
const [proportion, cate] = res;
this.cateData = cate.data;
this.propotionData = proportion.data;
//初始化
this.searchParam.mer_cate_id = this.cateData[0].store_category_id;
this.searchParam.deduction_rate = this.propotionData[0].product_label_id;
this.getGoodsList();
}).catch(er => {
uni.hideLoading();
})
}, },
// 滚动到底部
scrolltolower(e) {
this.getGoodsList();
},
// 获取商品分类列表
getGoodsList() {
let that = this;
let num = that.searchParam.limit;
if (!that.hotScroll) return;
if (that.hotLoading) return;
that.hotLoading = true;
that.hotTitle = '';
console.log(this.searchParam.page);
goodsList(this.searchParam).then(res => {
let list = res.data.list;
let hotScroll;
if (list.length < num && list.length != 0 || list.length == 0)
hotScroll = true;
else
hotScroll = false;
that.hotScroll = hotScroll;
that.hotLoading = false;
that.hotTitle = hotScroll ? '已全部加载' : '加载更多';
that.goodsData = that.goodsData.concat(list);
that.searchParam.page += 1;
});
},
// 比例
handleChooseProp(e) {
this.goodsData = [];
this.searchParam.page = 1;
this.searchParam.deduction_rate = e;
this.getGoodsList();
},
// 侧边栏商品类型
handleChooseSideBar(e) { handleChooseSideBar(e) {
this.sideBarIndx = e; this.goodsData = [];
this.searchParam.page = 1;
this.searchParam.mer_cate_id = e;
this.getGoodsList();
}, },
// 具体商品列表高度 // 具体商品列表高度
@ -214,6 +278,7 @@
} }
.input-wrap { .input-wrap {
flex: 1;
display: flex; display: flex;
align-items: center; align-items: center;
background: #FFFFFF; background: #FFFFFF;
@ -273,12 +338,6 @@
align-items: center; align-items: center;
margin-bottom: 30rpx; margin-bottom: 30rpx;
image {
width: 100rpx;
height: 100rpx;
margin-bottom: 20rpx;
}
text { text {
position: relative; position: relative;
display: inline-block; display: inline-block;
@ -286,6 +345,8 @@
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 400; font-weight: 400;
color: #262626; color: #262626;
text-align: center;
width: 80%;
} }
.active { .active {
@ -358,22 +419,16 @@
border-radius: 30rpx; border-radius: 30rpx;
.goods-item-left { .goods-item-left {
width: 190rpx;
height: 190rpx;
background: #A3CAB9; background: #A3CAB9;
border-radius: 20rpx; border-radius: 20rpx;
margin-right: 20rpx; margin-right: 20rpx;
image {
width: 100%;
height: 100%;
}
} }
.goods-item-right { .goods-item-right {
flex: 1; flex: 1;
.goods-item-right-title { .goods-item-right-title {
display: flex;
margin-bottom: 20rpx; margin-bottom: 20rpx;
.city { .city {
@ -389,12 +444,13 @@
.name { .name {
width: 206rpx; width: 206rpx;
height: 24rpx; height: 28rpx;
font-size: 26rpx; font-size: 26rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 400;
color: #1A1A1A; color: #1A1A1A;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
} }
} }
@ -549,5 +605,24 @@
text-align: center; text-align: center;
} }
} }
.empty-box {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 100rpx auto 0;
image {
width: 414rpx;
height: 240rpx;
}
.txt {
font-size: 26rpx;
color: #999;
text-align: center;
}
}
} }
</style> </style>

168
pages/helpPeople/formTable.vue
View File

@ -9,8 +9,7 @@
户主姓名 户主姓名
</view> </view>
<view class="value"> <view class="value">
<u--input placeholder="请输入户主姓名" v-model="formData.name" color='#7A7A7A' <u--input v-model="formData.name" color='#7A7A7A' border="none"></u--input>
border="none"></u--input>
</view> </view>
</view> </view>
<view class="item"> <view class="item">
@ -18,8 +17,7 @@
联系方式 联系方式
</view> </view>
<view class="value"> <view class="value">
<u--input placeholder="请输入联系方式" v-model="formData.contact" color='#7A7A7A' <u--input v-model="formData.contact" color='#7A7A7A' border="none"></u--input>
border="none"></u--input>
</view> </view>
</view> </view>
<view class="item"> <view class="item">
@ -27,8 +25,7 @@
家庭人数 家庭人数
</view> </view>
<view class="value"> <view class="value">
<u--input placeholder="请输入家庭人数" v-model="formData.family_count" color='#7A7A7A' <u--input v-model="formData.family_count" color='#7A7A7A' border="none"></u--input>
border="none"></u--input>
</view> </view>
</view> </view>
<view class="item"> <view class="item">
@ -36,15 +33,14 @@
家庭地址 家庭地址
</view> </view>
<view class="value" style="width: 400rpx;"> <view class="value" style="width: 400rpx;">
<u--input placeholder="请输入家庭地址" v-model="formData.address" color='#7A7A7A' <u--input v-model="formData.address" color='#7A7A7A' border="none"></u--input>
border="none"></u--input>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<view class="tit"> <view class="tit">
<view class="help_people"> <view class="">
助民惠农 助民惠农
</view> </view>
<view class=""> <view class="">
@ -56,8 +52,8 @@
<view class=""> <view class="">
<view class="card"> <view class="card">
<view class="card-tit"> <view class="card-tit">
<view class="" style="font-size: 32rpx;color: #20A162;display: flex;align-items: center;"> <view class="" style="font-size: 32rpx;color: #7A7A7A;display: flex;align-items: center;">
<view class="" :style="{color:SaveList[0]?'#20A162':'' }"> <view class="" :style="{color:SaveList[0]?'#FF5E0C':'' }">
房子出租需求 房子出租需求
</view> </view>
<u--image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/52556202401271437309444.png" <u--image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/52556202401271437309444.png"
@ -65,11 +61,12 @@
@click='showFn(0)' /> @click='showFn(0)' />
</view> </view>
<view class="" style="display: flex;align-items: center;color: #7A7A7A;" @click='open(0)'> <view class="" style="display: flex;align-items: center;color: #7A7A7A;" @click='open(0)'>
<text :style="{color:SaveList[0]?'#20A162':'' }">{{SaveList[0]?'已完成':'展开'}}</text> 展开
<u--image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/bceaf202401271439428345.png" <u--image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/bceaf202401271439428345.png"
width="24rpx" height="24rpx" class='icon' width="24rpx" height="24rpx" class='icon'
:style=" {transform:isOpen[0]? 'rotate(180deg)' :'rotate(0)'} " /> :style=" {transform:isOpen[0]? 'rotate(180deg)' :'rotate(0)'} " />
</view> </view>
</view> </view>
</view> </view>
<!-- :style="{height:isOpen[0]?'0':getFormHeight('#formheight')+'px',padding: isOpen[0]?'0':'20rpx' } " --> <!-- :style="{height:isOpen[0]?'0':getFormHeight('#formheight')+'px',padding: isOpen[0]?'0':'20rpx' } " -->
@ -77,13 +74,13 @@
style="height: 0;padding: 0;"> style="height: 0;padding: 0;">
<view id="formheight1"> <view id="formheight1">
<view class="form-tit"> <view class="form-tit">
<view class="" :style="{color:SaveList[0]?'#20A162':'' }"> <view class="" :style="{color:SaveList[0]?'#FF5E0C':'' }">
房子出租需求 房子出租需求
</view> </view>
<view class="submit" v-if='!SaveList[0]' @click="sava(0,'house_rent_info')"> <view class="submit" v-if='!SaveList[0]' @click="sava(0,'house_rent_info')">
保存 保存
</view> </view>
<view class="edit-btn edit-btn" v-if='SaveList[0]' @click="edit(0)"> <view class="edit-btn" v-if='SaveList[0]' @click="edit(0)">
编辑 编辑
</view> </view>
</view> </view>
@ -134,16 +131,19 @@
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<!-- content --> <!-- content -->
<view class=""> <view class="">
<view class="card"> <view class="card">
<view class="card-tit"> <view class="card-tit">
<view class="" style="font-size: 32rpx;color: #7A7A7A;display: flex;align-items: center;"> <view class="" style="font-size: 32rpx;color: #7A7A7A;display: flex;align-items: center;">
<view class="" :style="{color:SaveList[1]?'#20A162':'' }"> <view class="" :style="{color:SaveList[1]?'#FF5E0C':'' }">
空闲土地出租需求 空闲土地出租需求
</view> </view>
<u--image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/52556202401271437309444.png" <u--image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/52556202401271437309444.png"
@ -151,7 +151,7 @@
@click='showFn(1)' /> @click='showFn(1)' />
</view> </view>
<view class="" style="display: flex;align-items: center;color: #7A7A7A;" @click='open(1)'> <view class="" style="display: flex;align-items: center;color: #7A7A7A;" @click='open(1)'>
<text :style="{color:SaveList[1]?'#20A162':'' }">{{SaveList[1]?'已完成':'展开'}}</text> 展开
<u--image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/bceaf202401271439428345.png" <u--image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/bceaf202401271439428345.png"
width="24rpx" height="24rpx" class='icon' width="24rpx" height="24rpx" class='icon'
:style=" {transform:isOpen[1]? 'rotate(180deg)' :'rotate(0)'} " /> :style=" {transform:isOpen[1]? 'rotate(180deg)' :'rotate(0)'} " />
@ -170,7 +170,7 @@
<view class="submit" v-if='!SaveList[1]' @click="sava(1,'land_rent_info')"> <view class="submit" v-if='!SaveList[1]' @click="sava(1,'land_rent_info')">
保存 保存
</view> </view>
<view class="submit edit-btn" v-if='SaveList[1]' @click="edit(1)"> <view class="submit" v-if='SaveList[1]' @click="edit(1)">
编辑 编辑
</view> </view>
</view> </view>
@ -248,7 +248,9 @@
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<!-- content --> <!-- content -->
@ -256,7 +258,7 @@
<view class="card"> <view class="card">
<view class="card-tit"> <view class="card-tit">
<view class="" style="font-size: 32rpx;color: #7A7A7A;display: flex;align-items: center;"> <view class="" style="font-size: 32rpx;color: #7A7A7A;display: flex;align-items: center;">
<view class="" :style="{color:SaveList[2]?'#20A162':'' }"> <view class="" :style="{color:SaveList[2]?'#FF5E0C':'' }">
农副产品出售需求 农副产品出售需求
</view> </view>
<u--image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/52556202401271437309444.png" <u--image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/52556202401271437309444.png"
@ -264,11 +266,12 @@
@click='showFn(2)' /> @click='showFn(2)' />
</view> </view>
<view class="" style="display: flex;align-items: center;color: #7A7A7A;" @click='open(2)'> <view class="" style="display: flex;align-items: center;color: #7A7A7A;" @click='open(2)'>
<text :style="{color:SaveList[2]?'#20A162':'' }">{{SaveList[2]?'已完成':'展开'}}</text> 展开
<u--image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/bceaf202401271439428345.png" <u--image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/bceaf202401271439428345.png"
width="24rpx" height="24rpx" class='icon' width="24rpx" height="24rpx" class='icon'
:style=" {transform:isOpen[2]? 'rotate(180deg)' :'rotate(0)'} " /> :style=" {transform:isOpen[2]? 'rotate(180deg)' :'rotate(0)'} " />
</view> </view>
</view> </view>
</view> </view>
@ -282,7 +285,7 @@
<view class="submit" v-if='!SaveList[2]' @click="sava(2,'product_info')"> <view class="submit" v-if='!SaveList[2]' @click="sava(2,'product_info')">
保存 保存
</view> </view>
<view class="submit edit-btn" v-if='SaveList[2]' @click="edit(2)"> <view class="submit" v-if='SaveList[2]' @click="edit(2)">
编辑 编辑
</view> </view>
</view> </view>
@ -432,7 +435,9 @@
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<!-- content --> <!-- content -->
@ -441,7 +446,7 @@
<view class="card"> <view class="card">
<view class="card-tit"> <view class="card-tit">
<view class="" style="font-size: 32rpx;color: #7A7A7A;display: flex;align-items: center;"> <view class="" style="font-size: 32rpx;color: #7A7A7A;display: flex;align-items: center;">
<view class="" :style="{color:SaveList[3]?'#20A162':'' }"> <view class="" :style="{color:SaveList[3]?'#FF5E0C':'' }">
空闲资产出租/出售需求 空闲资产出租/出售需求
</view> </view>
<u--image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/52556202401271437309444.png" <u--image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/52556202401271437309444.png"
@ -449,11 +454,12 @@
@click='showFn(3)' /> @click='showFn(3)' />
</view> </view>
<view class="" style="display: flex;align-items: center;color: #7A7A7A;" @click='open(3)'> <view class="" style="display: flex;align-items: center;color: #7A7A7A;" @click='open(3)'>
<text :style="{color:SaveList[3]?'#20A162':'' }">{{SaveList[3]?'已完成':'展开'}}</text> 展开
<u--image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/bceaf202401271439428345.png" <u--image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/bceaf202401271439428345.png"
width="24rpx" height="24rpx" class='icon' width="24rpx" height="24rpx" class='icon'
:style=" {transform:isOpen[3]? 'rotate(180deg)' :'rotate(0)'} " /> :style=" {transform:isOpen[3]? 'rotate(180deg)' :'rotate(0)'} " />
</view> </view>
</view> </view>
</view> </view>
@ -467,7 +473,7 @@
<view class="submit" v-if='!SaveList[3]' @click="sava(3,'idle_asset_rent_info')"> <view class="submit" v-if='!SaveList[3]' @click="sava(3,'idle_asset_rent_info')">
保存 保存
</view> </view>
<view class="submit edit-btn" v-if='SaveList[3]' @click="edit(3)"> <view class="submit" v-if='SaveList[3]' @click="edit(3)">
编辑 编辑
</view> </view>
</view> </view>
@ -518,7 +524,10 @@
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<!-- content --> <!-- content -->
@ -527,7 +536,7 @@
<view class="card"> <view class="card">
<view class="card-tit"> <view class="card-tit">
<view class="" style="font-size: 32rpx;color: #7A7A7A;display: flex;align-items: center;"> <view class="" style="font-size: 32rpx;color: #7A7A7A;display: flex;align-items: center;">
<view class="" :style="{color:SaveList[4]?'#20A162':'' }"> <view class="" :style="{color:SaveList[4]?'#FF5E0C':'' }">
房屋装饰建设 房屋装饰建设
</view> </view>
<u--image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/52556202401271437309444.png" <u--image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/52556202401271437309444.png"
@ -535,7 +544,7 @@
@click='showFn(4)' /> @click='showFn(4)' />
</view> </view>
<view class="" style="display: flex;align-items: center;color: #7A7A7A;" @click='open(4)'> <view class="" style="display: flex;align-items: center;color: #7A7A7A;" @click='open(4)'>
<text :style="{color:SaveList[4]?'#20A162':'' }">{{SaveList[4]?'已完成':'展开'}}</text> 展开
<u--image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/bceaf202401271439428345.png" <u--image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/bceaf202401271439428345.png"
width="24rpx" height="24rpx" class='icon' width="24rpx" height="24rpx" class='icon'
:style=" {transform:isOpen[4]? 'rotate(180deg)' :'rotate(0)'} " /> :style=" {transform:isOpen[4]? 'rotate(180deg)' :'rotate(0)'} " />
@ -554,7 +563,7 @@
<view class="submit" v-if='!SaveList[4]' @click="sava(4,'house_decoration_construction')"> <view class="submit" v-if='!SaveList[4]' @click="sava(4,'house_decoration_construction')">
保存 保存
</view> </view>
<view class="submit edit-btn" v-if='SaveList[4]' @click="edit(4)"> <view class="submit" v-if='SaveList[4]' @click="edit(4)">
编辑 编辑
</view> </view>
</view> </view>
@ -614,12 +623,14 @@
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<!-- content --> <!-- content -->
<view class="login-btn" @click="submit" :class="{'login-btn-no':saveNum < 2 ?true:false}"> <view class="login-btn" @click="submit"
:style="{background:saveNum<2 ? '#F5F5F5':'',color:saveNum<2 ? '#ADADAD':'' }">
确认提交 确认提交
</view> </view>
@ -639,6 +650,7 @@
</view> </view>
</view> </view>
</u-overlay> </u-overlay>
</view> </view>
</template> </template>
@ -878,7 +890,7 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.box { .box {
background: #F5F5F5; background: linear-gradient(to bottom, #FFF4DB, #FFEAC3);
min-height: 100vh; min-height: 100vh;
font-size: 28rpx; font-size: 28rpx;
padding-bottom: 5vh; padding-bottom: 5vh;
@ -887,15 +899,16 @@
.bg { .bg {
width: 750rpx; width: 750rpx;
height: 660rpx; height: 660rpx;
background-image: url('https://lihai001.oss-cn-chengdu.aliyuncs.com/def/c7e26202402261051094476.webp'); background-image: url('https://lihai001.oss-cn-chengdu.aliyuncs.com/def/44f25202401271436185198.png');
background-size: 100% 100%; background-size: 100% 100%;
position: relative; position: relative;
} }
.user-info { .user-info {
width: 686rpx; width: 750rpx;
margin: 0 auto; margin: 0 auto;
// height: 550rpx; height: 550rpx;
background-image: url('https://lihai001.oss-cn-chengdu.aliyuncs.com/def/549b3202401271438211224.png'); background-image: url('https://lihai001.oss-cn-chengdu.aliyuncs.com/def/549b3202401271438211224.png');
background-size: 100% 100%; background-size: 100% 100%;
position: absolute; position: absolute;
@ -903,34 +916,29 @@
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
box-sizing: border-box; box-sizing: border-box;
padding: 36rpx 40rpx; padding: 70rpx;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
box-shadow: 0rpx 3rpx 12rpx 1rpx #D6D6D6;
background: #FFFFFF;
box-shadow: 0rpx 3rpx 12rpx 1rpx #D6D6D6;
border-radius: 40rpx 40rpx 40rpx 40rpx;
} }
.item { .item {
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: 56rpx; padding-bottom: 30rpx;
border-bottom: 1px solid #FFF2D9;
padding-top: 10rpx;
// background-color: red;
margin-bottom: 10rpx;
&:nth-last-child(1) {
margin-bottom: 0;
}
.lable { .lable {
font-weight: 600; font-size: 28rpx;
font-size: 26rpx; color: #2E2E2E;
color: #262626; font-weight: 700;
width: 112rpx;
text-align: center; text-align: center;
white-space: nowrap;
} }
.value { .value {
@ -943,11 +951,10 @@
.tit { .tit {
display: flex; display: flex;
width: 638rpx; width: 638rpx;
margin: 180rpx auto 30rpx; margin: 230rpx auto 30rpx;
justify-content: space-between; justify-content: space-between;
font-size: 28rpx; font-size: 28rpx;
color: #2E2E2E; color: #2E2E2E;
font-weight: 600;
} }
.card { .card {
@ -989,17 +996,23 @@
color: white; color: white;
} }
// right: 0;
} }
} }
.card-content { .card-content {
background-color: #FFE7B9;
border-radius: 20rpx; border-radius: 20rpx;
padding: 20rpx; padding: 20rpx;
overflow: hidden; overflow: hidden;
transition: 300ms; transition: 300ms;
width: 690rpx; width: 690rpx;
margin: 30rpx auto; margin: 30rpx auto;
background: #DFF6E0;
.form { .form {
background-color: #fff; background-color: #fff;
@ -1010,7 +1023,7 @@
.form-tit { .form-tit {
font-size: 32rpx; font-size: 32rpx;
color: #20A162; color: #FF5E0C;
display: flex; display: flex;
align-items: center; align-items: center;
display: flex; display: flex;
@ -1019,31 +1032,33 @@
.submit { .submit {
width: 162rpx; width: 162rpx;
height: 58rpx; height: 58rpx;
line-height: 58rpx; background: #FD7F4A;
border-radius: 48rpx; border-radius: 48rpx 48rpx 48rpx 48rpx;
opacity: 1; opacity: 1;
color: white; color: white;
text-align: center; text-align: center;
background: linear-gradient(158deg, #20A162 0%, #41B745 100%); line-height: 58rpx;
box-shadow: 0rpx 1rpx 2rpx 1rpx #127A19, inset 0rpx 3rpx 4rpx 1rpx #7CDF80;
} }
.edit-btn { .edit-btn {
width: 132rpx; width: 162rpx;
height: 58rpx; height: 58rpx;
line-height: 58rpx; // background: #FD7F4A;
border-radius: 48rpx; color: #FD7F4A !important;
color: #20A162 !important; border: 1px solid #FD7F4A;
border-radius: 48rpx 48rpx 48rpx 48rpx;
opacity: 1;
color: white;
text-align: center; text-align: center;
box-shadow: 0rpx 1rpx 2rpx 1rpx #2B8131; line-height: 50rpx;
border: 1rpx solid #20A162;
background: transparent;
} }
.submit:active { .submit:active {
background-color: grey; background-color: grey;
} }
} }
} }
.icon { .icon {
@ -1059,9 +1074,10 @@
top: 50%; top: 50%;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
background-image: url('https://lihai001.oss-cn-chengdu.aliyuncs.com/def/025fc202402261139275710.webp'); background-image: url('https://lihai001.oss-cn-chengdu.aliyuncs.com/def/56970202401271438059755.png');
background-size: 100% 100%; background-size: 100% 100%;
.toast-tit { .toast-tit {
text-align: center; text-align: center;
font-size: 32rpx; font-size: 32rpx;
@ -1076,6 +1092,7 @@
font-size: 28rpx; font-size: 28rpx;
color: #7A7A7A; color: #7A7A7A;
line-height: 42rpx; line-height: 42rpx;
} }
.off { .off {
@ -1088,23 +1105,18 @@
.login-btn { .login-btn {
width: 690rpx; width: 690rpx;
height: 88rpx; height: 88rpx;
line-height: 88rpx; background: #FF8056;
background: linear-gradient(323deg, #52C973 0%, #20A162 100%); border-radius: 44rpx 44rpx 44rpx 44rpx;
border-radius: 44rpx; opacity: 1;
color: #FFFFFF;
font-weight: 600;
font-size: 30rpx;
text-align: center; text-align: center;
margin: 0 auto; line-height: 88rpx;
} font-size: 30rpx;
color: white;
.login-btn-no { margin: 50rpx auto;
background: transparent;
color: #ADADAD;
} }
.login-btn:active { .login-btn:active {
opacity: .9; background-color: grey;
} }
.bg_back { .bg_back {

1118
pages/helpPeople/formTable_green.vue Normal file
View File

File diff suppressed because it is too large Load Diff

33
pages/helpPeople/helpPeople.vue
View File

@ -3,17 +3,16 @@
<view class="box" style="position: relative;"> <view class="box" style="position: relative;">
<image @click="back" class="bg_back" <image @click="back" class="bg_back"
src="https://lihai001.oss-cn-chengdu.aliyuncs.com/public/uploads/new_activity/back.png"></image> src="https://lihai001.oss-cn-chengdu.aliyuncs.com/public/uploads/new_activity/back.png"></image>
<view class="li" @click="navSw('/pages/index/index')"> <view class="li" @click="navSw('/pages/index/index')">
<u--image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/3b48a202402260945419661.webp" width="690rpx" <u--image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/edf53202401271436507555.png" width="690rpx"
height="200rpx" style="position: absolute;"></u--image> height="200rpx" style="position: absolute;" />
<view class="btn"> <view class="btn">
我是居民用户 我是居民用户
</view> </view>
</view> </view>
<view class="li" style="margin-top: 50rpx;" @click="navgo('/pages/helpPeople/formTable')"> <view class="li" style="margin-top: 50rpx;" @click="navgo('/pages/helpPeople/formTable')">
<u-image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/48aed202402260946123969.webp" width="690rpx" <u--image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/8489c202401271437055619.png" width="690rpx"
height="200rpx" style="position: absolute;"></u-image> height="200rpx" style="position: absolute;" />
<view class="btn"> <view class="btn">
我是农民用户 我是农民用户
</view> </view>
@ -23,11 +22,6 @@
<script> <script>
export default { export default {
data() {
return {
current: 0
}
},
methods: { methods: {
back() { back() {
uni.navigateBack(); uni.navigateBack();
@ -47,21 +41,15 @@
</script> </script>
<style lang='scss' scoped> <style lang='scss' scoped>
page {
height: 100%;
overflow: hidden;
background-image: linear-gradient(180deg, #20A162 0%, #EFFAEF 39%, #EFFCEA 68%, #EFFFE5 100%);
}
.box { .box {
width: 750rpx; width: 750rpx;
height: 100vh; height: 1624rpx;
background-image: url(https://lihai001.oss-cn-chengdu.aliyuncs.com/def/1333d202402261025145680.webp); background-image: url('https://lihai001.oss-cn-chengdu.aliyuncs.com/def/9c4b4202401271437449183.png');
background-repeat: no-repeat; background-size: 100% 100%;
background-size: 100% auto;
padding-top: 500rpx; padding-top: 500rpx;
} }
.li { .li {
margin: 0rpx auto; margin: 0rpx auto;
width: 690rpx; width: 690rpx;
@ -76,13 +64,14 @@
height: 76rpx; height: 76rpx;
border-radius: 40rpx 40rpx 40rpx 40rpx; border-radius: 40rpx 40rpx 40rpx 40rpx;
opacity: 1; opacity: 1;
border: 2rpx solid #20A162; border: 2rpx solid #FF5E0C;
text-align: center; text-align: center;
line-height: 76rpx; line-height: 76rpx;
color: #20A162; color: #FF5E0C;
font-size: 34rpx; font-size: 34rpx;
right: 50rpx; right: 50rpx;
bottom: 50rpx; bottom: 50rpx;
} }
} }

96
pages/helpPeople/helpPeople_green.vue Normal file
View File

@ -0,0 +1,96 @@
<template>
<view class="box" style="position: relative;">
<image @click="back" class="bg_back"
src="https://lihai001.oss-cn-chengdu.aliyuncs.com/public/uploads/new_activity/back.png"></image>
<view class="li" @click="navSw('/pages/index/index')">
<u--image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/3b48a202402260945419661.webp" width="690rpx"
height="200rpx" style="position: absolute;"></u--image>
<view class="btn">
我是居民用户
</view>
</view>
<view class="li" style="margin-top: 50rpx;" @click="navgo('/pages/helpPeople/formTable')">
<u-image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/48aed202402260946123969.webp" width="690rpx"
height="200rpx" style="position: absolute;"></u-image>
<view class="btn">
我是农民用户
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
current: 0
}
},
methods: {
back() {
uni.navigateBack();
},
navgo(url) {
uni.navigateTo({
url
})
},
navSw(url) {
uni.switchTab({
url: url
})
}
}
}
</script>
<style lang='scss' scoped>
page {
height: 100%;
overflow: hidden;
background-image: linear-gradient(180deg, #20A162 0%, #EFFAEF 39%, #EFFCEA 68%, #EFFFE5 100%);
}
.box {
width: 750rpx;
height: 100vh;
background-image: url(https://lihai001.oss-cn-chengdu.aliyuncs.com/def/1333d202402261025145680.webp);
background-repeat: no-repeat;
background-size: 100% auto;
padding-top: 500rpx;
}
.li {
margin: 0rpx auto;
width: 690rpx;
height: 200rpx;
background-size: 100% 100%;
position: relative;
.btn {
z-index: 999;
position: absolute;
width: 287rpx;
height: 76rpx;
border-radius: 40rpx 40rpx 40rpx 40rpx;
opacity: 1;
border: 2rpx solid #20A162;
text-align: center;
line-height: 76rpx;
color: #20A162;
font-size: 34rpx;
right: 50rpx;
bottom: 50rpx;
}
}
.bg_back {
height: 34rpx;
width: 20rpx;
position: absolute;
top: calc(var(--status-bar-height) + 30rpx);
left: 30rpx;
}
</style>

558
pages/index/component/shopList.vue
View File

@ -6,29 +6,30 @@
</view> </view>
<view class="mer-box"> <view class="mer-box">
<block v-if="tabConfig == 0"> <block v-if="tabConfig == 0">
<view class="mer-item" v-for="(item, index) in brandList" :key="index" :style="'border-radius:'+bgStyle+'rpx'"> <view class="mer-item" v-for="(item, index) in brandList" :key="index"
<view class="mer-hd" @click="goStore(item.mer_id)" :style="'border-radius:'+bgStyle+'rpx '+bgStyle+'rpx 0 0'"> :style="'border-radius:'+bgStyle+'rpx'">
<view class="mer-hd" @click="goStore(item.mer_id)"
:style="'border-radius:'+bgStyle+'rpx '+bgStyle+'rpx 0 0'">
<image :src="item.mer_banner"></image> <image :src="item.mer_banner"></image>
<view class="mer-name"> <view class="mer-name">
<image :src="item.mer_avatar"></image> <image :src="item.mer_avatar"></image>
<view class="txt line1">{{ item.mer_name }}</view> <view class="txt line1">{{ item.mer_name }}</view>
<text v-if="item.type_name" class="store_type" :style="'background:'+themeColor">{{ item.type_name }}</text> <text v-if="item.type_name" class="store_type"
<text v-else-if="item.is_trader" class="store_type" :style="'background:'+themeColor">自营</text> :style="'background:'+themeColor">{{ item.type_name }}</text>
<text v-else-if="item.is_trader" class="store_type"
:style="'background:'+themeColor">自营</text>
</view> </view>
</view> </view>
<view class="pro-box"> <view class="pro-box">
<navigator <navigator :url="`/pages/goods_details/index?id=${itemn.product_id}`" hover-class="none"
:url="`/pages/goods_details/index?id=${itemn.product_id}`" class="pro-item" v-for="(itemn, indexn) in item.all_recommend" :key="indexn"
hover-class="none" v-if="item.all_recommend.length <= 3">
class="pro-item"
v-for="(itemn, indexn) in item.all_recommend"
:key="indexn"
v-if="item.all_recommend.length <= 3"
>
<view class="picture"> <view class="picture">
<easy-loadimage mode="widthFix" :image-src="itemn.image"></easy-loadimage> <easy-loadimage mode="widthFix" :image-src="itemn.image"></easy-loadimage>
<view v-if="itemn.border_pic" :style="{ backgroundImage: `url(${itemn.border_pic})` }" class="border-picture"></view> <view v-if="itemn.border_pic"
</view> :style="{ backgroundImage: `url(${itemn.border_pic})` }" class="border-picture">
</view>
</view>
<view v-if="titleShow" class="name line1">{{itemn.store_name}}</view> <view v-if="titleShow" class="name line1">{{itemn.store_name}}</view>
<view v-if="priceShow" class="price" :style="'color:'+themeColor"> <view v-if="priceShow" class="price" :style="'color:'+themeColor">
<text>￥</text> <text>￥</text>
@ -40,275 +41,318 @@
</block> </block>
<block v-else> <block v-else>
<view class="mer_count"> <view class="mer_count">
<view class="item" v-for="(item, index) in brandList" :key="index" @click="goStore(item.mer_id)"> <view class="item" v-for="(item, index) in brandList" :key="index"
@click="goStore(item.mer_id)">
<image :src="item.mer_avatar" mode="widthFix"></image> <image :src="item.mer_avatar" mode="widthFix"></image>
</view> </view>
</view> </view>
</block> </block>
<view class="more-shop" @click="moreShop"> <view class="more-shop" @click="moreShop">
<text>更多店铺</text> <text>更多店铺</text>
<text class="iconfont icon-xiangyou"></text> <text class="iconfont icon-xiangyou"></text>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
// +---------------------------------------------------------------------- // +----------------------------------------------------------------------
// | CRMEB [ CRMEB赋能开发者，助力企业发展 ] // | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
// +---------------------------------------------------------------------- // +----------------------------------------------------------------------
// | Copyright (c) 2016~2023 https://www.crmeb.com All rights reserved. // | Copyright (c) 2016~2023 https://www.crmeb.com All rights reserved.
// +---------------------------------------------------------------------- // +----------------------------------------------------------------------
// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权 // | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
// +---------------------------------------------------------------------- // +----------------------------------------------------------------------
// | Author: CRMEB Team <admin@crmeb.com> // | Author: CRMEB Team <admin@crmeb.com>
// +---------------------------------------------------------------------- // +----------------------------------------------------------------------
import easyLoadimage from '@/components/easy-loadimage/easy-loadimage.vue'; import easyLoadimage from '@/components/easy-loadimage/easy-loadimage.vue';
import { storeList } from '@/api/api.js'; import {
import { mapGetters } from 'vuex'; storeList
import { configMap } from '@/utils'; } from '@/api/api.js';
export default { import {
computed: configMap(['hide_mer_status']), mapGetters
components: { } from 'vuex';
easyLoadimage import {
}, configMap
props: { } from '@/utils';
dataConfig: { export default {
type: Object, computed: configMap(['hide_mer_status']),
default: () => {} components: {
} easyLoadimage
}, },
data() { props: {
return { dataConfig: {
brandList: [], type: Object,
mbConfig: this.dataConfig.mbConfig.val*2, //页面间距 default: () => {}
prConfig: this.dataConfig.prConfig.val*2, //背景间距
logoUrl: this.dataConfig.logoConfig.url,
bgStyle: this.dataConfig.bgStyle.type ? '16' : 0,
bgColor: this.dataConfig.bgColor.color[0].item,
themeColor: this.dataConfig.themeColor.color[0].item,
tabConfig: this.dataConfig.tabConfig.tabVal, //展示样式
numConfig: this.dataConfig.numConfig.val,
titleShow: this.dataConfig.titleShow.val,
priceShow: this.dataConfig.priceShow.val,
diy_id: this.dataConfig.did,
unique: this.dataConfig.timestamp,
}
},
created() {},
mounted() {
this.storeMerchant();
},
methods: {
// 进店看看
goStore(id) {
if (this.hide_mer_status != 1) {
uni.navigateTo({
url: `/pages/store/home/index?id=${id}`
});
} }
}, },
// 更多店铺 data() {
moreShop() { return {
uni.navigateTo({ brandList: [],
url: `/pages/store/shopStreet/index?cate_id=&type_id=` mbConfig: this.dataConfig.mbConfig.val * 2, //页面间距
}); prConfig: this.dataConfig.prConfig.val * 2, //背景间距
logoUrl: this.dataConfig.logoConfig.url,
bgStyle: this.dataConfig.bgStyle.type ? '16' : 0,
bgColor: this.dataConfig.bgColor.color[0].item,
themeColor: this.dataConfig.themeColor.color[0].item,
tabConfig: this.dataConfig.tabConfig.tabVal, //展示样式
numConfig: this.dataConfig.numConfig.val,
titleShow: this.dataConfig.titleShow.val,
priceShow: this.dataConfig.priceShow.val,
diy_id: this.dataConfig.did,
unique: this.dataConfig.timestamp,
}
}, },
// 品牌好店 created() {},
storeMerchant() { mounted() {
storeList({ this.storeMerchant();
diy_id: this.diy_id,
unique: this.unique,
page: 1,
limit: this.numConfig ? this.numConfig : 4,
is_best: 1
}).then(res => {
this.brandList = res.data.list;
});
}, },
} methods: {
}; // 进店看看
goStore(id) {
if (this.hide_mer_status != 1) {
uni.navigateTo({
url: `/pages/store/home/index?id=${id}`
});
}
},
// 更多店铺
moreShop() {
uni.navigateTo({
url: `/pages/store/shopStreet/index?cate_id=&type_id=`
});
},
// 品牌好店
storeMerchant() {
storeList({
diy_id: this.diy_id,
unique: this.unique,
page: 1,
limit: this.numConfig ? this.numConfig : 4,
is_best: 1
}).then(res => {
this.brandList = res.data.list;
});
},
}
};
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.explosion { .explosion {
.common-hd { .common-hd {
display: flex;
align-items: center;
justify-content: center;
.title-img{
width: 242rpx;
margin: 20rpx 0;
}
}
.mer-box {
margin-bottom: 20rpx;
.mer-item {
margin-bottom: 20rpx;
background-color: #fff;
text-align: center;
.mer-hd {
position: relative;
width: 100%;
height: 200rpx;
border-radius: 16rpx 16rpx 0 0;
overflow: hidden;
image {
width: 100%;
height: 100%;
}
.mer-name {
position: absolute;
left: 20rpx;
top: 20rpx;
display: flex;
max-width: 60%;
padding: 8rpx 8rpx 8rpx 4rpx;
border-radius: 26rpx;
background: #fff;
font-weight: bold;
font-size: 12px;
align-items: center;
image {
width: 38rpx;
height: 38rpx;
margin-right: 10rpx;
border-radius: 50%;
}
.txt {
flex: 1;
line-height: 19px;
height: 19px;
}
.store_type {
font-size: 10px;
color: #fff;
background-color: #e93323;
padding: 0 5px;
line-height: 19px;
height: 19px;
margin-left: 20rpx;
border-radius: 30rpx;
}
}
}
/deep/.easy-loadimage,/deep/uni-image,image,/deep/.loadfail-img{
width: 100%;
height: 214rpx;
}
.pro-box {
display: flex;
align-items: center;
padding: 20rpx 20rpx 30rpx;
.pro-item {
width: 31.3%;
margin-right: 3.05%;
.picture,/deep/.easy-loadimage,/deep/uni-image,/deep/image,/deep/.loadfail-img {
width: 100%;
height: 214rpx;
position: relative;
}
.sell_out {
display: flex;
width: 110rpx;
height: 110rpx;
align-items: center;
justify-content: center;
border-radius: 100%;
background: rgba(0,0,0,.6);
color: #fff;
font-size: 24rpx;
position: absolute;
top: 50%;
left: 50%;
margin: -55rpx 0 0 -55rpx;
&::before{
content: "";
display: block;
width: 100rpx;
height: 100rpx;
border-radius: 100%;
border: 1px dashed #fff;
position: absolute;
top: 5rpx;
left: 5rpx;
}
}
.border-picture {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: center/cover no-repeat;
}
.name{
padding: 6rpx 9rpx;
margin-top: 6rpx;
}
.price {
margin-top: 5rpx;
font-size: 28rpx;
color: $theme-color;
font-weight: bold;
text {
font-size: 28rpx;
}
}
&:last-child {
margin-right: 0;
}
.picture {
position: relative;
}
.border-picture {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: center/cover no-repeat;
}
}
}
}
.more-shop {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background-color: #ffffff;
padding: 27rpx 0; .title-img {
color: #999999; width: 242rpx;
font-size: 26rpx; margin: 20rpx 0;
.icon-xiangyou { }
font-size: 22rpx; }
.mer-box {
margin-bottom: 20rpx;
.mer-item {
margin-bottom: 20rpx;
background-color: #fff;
text-align: center;
.mer-hd {
position: relative;
width: 100%;
height: 200rpx;
border-radius: 16rpx 16rpx 0 0;
overflow: hidden;
image {
width: 100%;
height: 100%;
}
.mer-name {
position: absolute;
left: 20rpx;
top: 20rpx;
display: flex;
max-width: 60%;
padding: 8rpx 8rpx 8rpx 4rpx;
border-radius: 26rpx;
background: #fff;
font-weight: bold;
font-size: 12px;
align-items: center;
image {
width: 38rpx;
height: 38rpx;
margin-right: 10rpx;
border-radius: 50%;
}
.txt {
flex: 1;
line-height: 19px;
height: 19px;
}
.store_type {
font-size: 10px;
color: #fff;
background-color: #e93323;
padding: 0 5px;
line-height: 19px;
height: 19px;
margin-left: 20rpx;
border-radius: 30rpx;
}
}
}
/deep/.easy-loadimage,
/deep/uni-image,
image,
/deep/.loadfail-img {
width: 100%;
height: 214rpx;
}
.pro-box {
display: flex;
align-items: center;
padding: 20rpx 20rpx 30rpx;
.pro-item {
width: 31.3%;
margin-right: 3.05%;
.picture,
/deep/.easy-loadimage,
/deep/uni-image,
/deep/image,
/deep/.loadfail-img {
width: 100%;
height: 214rpx;
position: relative;
}
.sell_out {
display: flex;
width: 110rpx;
height: 110rpx;
align-items: center;
justify-content: center;
border-radius: 100%;
background: rgba(0, 0, 0, .6);
color: #fff;
font-size: 24rpx;
position: absolute;
top: 50%;
left: 50%;
margin: -55rpx 0 0 -55rpx;
&::before {
content: "";
display: block;
width: 100rpx;
height: 100rpx;
border-radius: 100%;
border: 1px dashed #fff;
position: absolute;
top: 5rpx;
left: 5rpx;
}
}
.border-picture {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: center/cover no-repeat;
}
.name {
padding: 6rpx 9rpx;
margin-top: 6rpx;
}
.price {
margin-top: 5rpx;
font-size: 28rpx;
color: $theme-color;
font-weight: bold;
text {
font-size: 28rpx;
}
}
&:last-child {
margin-right: 0;
}
.picture {
position: relative;
}
.border-picture {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: center/cover no-repeat;
}
}
}
}
.more-shop {
display: flex;
align-items: center;
justify-content: center;
background-color: #ffffff;
padding: 27rpx 0;
color: #999999;
font-size: 26rpx;
.icon-xiangyou {
font-size: 22rpx;
}
} }
} }
} }
}
.mer_count{ .mer_count {
display: flex;
flex-wrap: wrap;
padding: 20rpx;
align-items: center;
.item{
flex: 4;
height: 140rpx;
margin: 0 2% 30rpx 0;
background: #FEFEFF;
border-radius: 16rpx;
display: flex; display: flex;
flex-wrap: wrap;
padding: 20rpx;
align-items: center; align-items: center;
justify-content: center;
/deep/uni-image,/deep/image,/deep/.easy-loadimage{ .item {
width: 100%!important; flex: 4;
max-height: 140rpx; height: 140rpx;
} margin: 0 2% 30rpx 0;
&:nth-child(4n){ background: #FEFEFF;
margin-right: 0; border-radius: 16rpx;
display: flex;
align-items: center;
justify-content: center;
/deep/uni-image,
/deep/image,
/deep/.easy-loadimage {
width: 100% !important;
max-height: 140rpx;
}
&:nth-child(4n) {
margin-right: 0;
}
} }
} }
} </style>
</style>

124
pages/rich/mp4.vue Normal file
View File

@ -0,0 +1,124 @@
<template>
<view class="box" style="position: relative;">
<view style="height: 30rpx;"></view>
<view class="">
<block v-for="(item, index) in list" :key="index">
<view class="card">
<view class="card-tit">
<view class="" style="font-size: 32rpx;display: flex;align-items: center;">
<view class="">
{{item.title}}
</view>
</view>
<view class="" style="display: flex;align-items: center;" @click='open(index)'>
展开
<u--image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/bceaf202401271439428345.png" width="24rpx"
height="24rpx" class='icon' :style=" {transform:isOpen[index]? 'rotate(180deg)' :'rotate(0)'} " />
</view>
</view>
</view>
<view class="card-content" :style="{height:isOpen[index]?'0':'auto',padding: isOpen[index]?'0':'20rpx' } "
style="height: 0;padding: 0;">
<view id="formheight1">
<view class="content" v-if="!isOpen[index]" v-html="item.content.content"></view>
</view>
</view>
</block>
<u-empty :show="list.length == 0" mode="list" text="没有找到数据呢" icon="http://cdn.uviewui.com/uview/empty/list.png"></u-empty>
</view>
</view>
</template>
<script>
import { getArticleList } from "@/api/api.js"
export default {
data() {
return {
isOpen: [],
list: [],
}
},
computed: {},
onReady() {},
onLoad() {
this.getArticleList();
},
methods: {
getArticleList() {
getArticleList(27).then(res => {
res.data.list.forEach(e => {
e.content.content = e.content.content.replace(/\<video /g, '<video style="width: 100%; background-color: #888888;" ');
this.isOpen.push(true);
})
this.list = res.data.list;
})
},
open(index) {
this.isOpen.forEach((item, i) => {
if (i == index) {
this.isOpen.splice(index, 1, this.isOpen[index] ? false : true);
} else {
this.isOpen.splice(i, 1, true);
}
})
},
}
}
</script>
<style lang="scss" scoped>
.box {
background: linear-gradient(to bottom, #FFF4DB, #FFEAC3);
min-height: 100vh;
font-size: 28rpx;
padding-bottom: 5vh;
}
.tit {
display: flex;
width: 638rpx;
margin: 230rpx auto 30rpx;
justify-content: space-between;
font-size: 28rpx;
color: #000;
}
.card {
width: 686rpx;
margin: 0 auto;
background-color: white;
padding: 30rpx;
border-radius: 20rpx;
position: relative;
.card-tit {
display: flex;
justify-content: space-between;
}
}
.card-content {
background-color: #FFE7B9;
border-radius: 20rpx;
padding: 20rpx;
overflow: hidden;
transition: 300ms;
width: 690rpx;
margin: 18rpx auto;
.content {
width: 100%;
height: auto;
overflow: hidden;
}
}
.icon {
margin-left: 10rpx;
transform: translateY(2rpx);
transition: 300ms !important;
}
</style>

129
pages/rich/rich.vue Normal file
View File

@ -0,0 +1,129 @@
<template>
<view class="box" style="position: relative;">
<view style="height: 30rpx;"></view>
<view class="">
<block v-for="(item, index) in list" :key="index">
<view class="card">
<view class="card-tit">
<view class="" style="font-size: 32rpx;display: flex;align-items: center;">
<view class="">
{{item.title}}
</view>
</view>
<view class="" style="display: flex;align-items: center;" @click='open(index)'>
展开
<u--image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/bceaf202401271439428345.png" width="24rpx"
height="24rpx" class='icon' :style=" {transform:isOpen[index]? 'rotate(180deg)' :'rotate(0)'} " />
</view>
</view>
</view>
<view class="card-content" :style="{height:isOpen[index]?'0':'auto',padding: isOpen[index]?'0':'20rpx' } "
style="height: 0;padding: 0;">
<view id="formheight1">
<view class="content" v-if="!isOpen[index]" v-html="item.content.content"></view>
</view>
</view>
</block>
<u-empty :show="list.length == 0" mode="list" text="没有找到数据呢" icon="http://cdn.uviewui.com/uview/empty/list.png"></u-empty>
</view>
</view>
</template>
<script>
import { getArticleList } from "@/api/api.js"
export default {
data() {
return {
isOpen: [],
list: [],
}
},
computed: {},
onReady() {},
onLoad() {
let user = this.$store.state.app.userInfo;
if (typeof user == 'string') user = JSON.parse(user);
this.getArticleList();
},
methods: {
getArticleList() {
getArticleList(26).then(res => {
res.data.list.forEach(e => {
e.content.content = e.content.content.replace(/\<video /g, '<video style="width: 100%; background-color: #888888;" ');
this.isOpen.push(true);
})
this.list = res.data.list;
})
},
back() {
uni.navigateBack();
},
open(index) {
this.isOpen.forEach((item, i) => {
if (i == index) {
this.isOpen.splice(index, 1, this.isOpen[index] ? false : true);
} else {
this.isOpen.splice(i, 1, true);
}
})
},
}
}
</script>
<style lang="scss" scoped>
.box {
background: linear-gradient(to bottom, #FFF4DB, #FFEAC3);
min-height: 100vh;
font-size: 28rpx;
padding-bottom: 5vh;
}
.tit {
display: flex;
width: 638rpx;
margin: 230rpx auto 30rpx;
justify-content: space-between;
font-size: 28rpx;
color: #000;
}
.card {
width: 686rpx;
margin: 0 auto;
background-color: white;
padding: 30rpx;
border-radius: 20rpx;
position: relative;
.card-tit {
display: flex;
justify-content: space-between;
}
}
.card-content {
background-color: #FFE7B9;
border-radius: 20rpx;
padding: 20rpx;
overflow: hidden;
transition: 300ms;
width: 690rpx;
margin: 18rpx auto;
.content {
width: 100%;
height: auto;
overflow: hidden;
}
}
.icon {
margin-left: 10rpx;
transform: translateY(2rpx);
transition: 300ms !important;
}
</style>

20
pages/users/invite_code/index.vue
View File

@ -40,7 +40,7 @@
</view> </view>
<view v-if="list.length == 0"> <view v-if="list.length == 0">
<emptyPage title="暂无邀请好友记录哦～"></emptyPage> <emptyPage title="暂无邀请好友记录哦～" mt="60rpx" />
</view> </view>
</view> </view>
</view> </view>
@ -67,7 +67,7 @@
loadTitle: '加载更多', loadTitle: '加载更多',
isAuto: false, //没有授权的不会自动授权 isAuto: false, //没有授权的不会自动授权
isShowAuth: false, //是否隐藏授权 isShowAuth: false, //是否隐藏授权
uid:'' uid: ''
} }
}, },
onLoad() { onLoad() {
@ -81,7 +81,7 @@
onReachBottom: function() { onReachBottom: function() {
this.getList(); this.getList();
}, },
methods: { methods: {
// 获取二维码 // 获取二维码
getQrcode() { getQrcode() {
@ -113,15 +113,15 @@
that.loadTitle = '加载更多'; that.loadTitle = '加载更多';
}) })
}, },
getUserInfo() { getUserInfo() {
let userInfo = this.$Cache.get("USER_INFO"); let userInfo = this.$Cache.get("USER_INFO");
if(userInfo){ if (userInfo) {
userInfo = JSON.parse(userInfo); userInfo = JSON.parse(userInfo);
this.uid = userInfo.uid; this.uid = userInfo.uid;
} }
}, },
handleSavePic() { handleSavePic() {
// 获取要保存的图片路径或URL // 获取要保存的图片路径或URL
let imageUrl = this.qrcodeUrl; // 这里使用了网络上的图片作为示例 let imageUrl = this.qrcodeUrl; // 这里使用了网络上的图片作为示例
@ -136,7 +136,7 @@
// #endif // #endif
// #ifndef H5 // #ifndef H5
let that =this; let that = this;
uni.downloadFile({ uni.downloadFile({
url: imageUrl, url: imageUrl,
success(res) { success(res) {
@ -273,9 +273,9 @@
font-family: PingFang SC, PingFang SC; font-family: PingFang SC, PingFang SC;
font-weight: 400; font-weight: 400;
color: #2E2E2E; color: #2E2E2E;
white-space:nowrap; white-space: nowrap;
overflow:hidden; overflow: hidden;
text-overflow:ellipsis; text-overflow: ellipsis;
} }
.red { .red {

270
pages/users/user_info/index.vue
View File

@ -4,20 +4,22 @@
<view class='personal-data'> <view class='personal-data'>
<view class="wrapper" v-if="switchUserInfo.length>0"> <view class="wrapper" v-if="switchUserInfo.length>0">
<view class="title">管理我的账号</view> <view class="title">管理我的账号</view>
<view class="wrapList" > <view class="wrapList">
<view class="item acea-row row-between-wrapper" :class="item.uid === userInfo.uid ? 'on' : ''" <view class="item acea-row row-between-wrapper" :class="item.uid === userInfo.uid ? 'on' : ''"
:style="{ 'background-image': `url(${item.uid == userInfo.uid ? domain+'/static/diy/currentAcc'+keyColor+'.png' : '' })` }" :style="{ 'background-image': `url(${item.uid == userInfo.uid ? domain+'/static/diy/currentAcc'+keyColor+'.png' : '' })` }"
v-for="(item,index) in switchUserInfo" v-for="(item,index) in switchUserInfo" :key="index">
:key="index">
<view class="picTxt acea-row row-between-wrapper"> <view class="picTxt acea-row row-between-wrapper">
<block v-if='item.uid === userInfo.uid'> <block v-if='item.uid === userInfo.uid'>
<view class="pictrue" v-if="!mp_is_new" @click="uploadpic"> <view class="pictrue" v-if="!mp_is_new" @click="uploadpic">
<image :src="item.avatar || '/static/images/f.png'"></image> <image :src="item.avatar || '/static/images/f.png'"></image>
<view v-if="open_update_info != 0" class="radius" ><span class="iconfont iconfonta icon-jilu-xuanzhong"></span></view> <view v-if="open_update_info != 0" class="radius"><span
class="iconfont iconfonta icon-jilu-xuanzhong"></span></view>
</view> </view>
<button v-if="mp_is_new && open_update_info != 0" class="avatar-box pictrue" open-type="chooseAvatar" @chooseavatar="onChooseAvatar"> <button v-if="mp_is_new && open_update_info != 0" class="avatar-box pictrue"
open-type="chooseAvatar" @chooseavatar="onChooseAvatar">
<image :src="item.avatar || '/static/images/f.png'"></image> <image :src="item.avatar || '/static/images/f.png'"></image>
<view class="radius" ><span class="iconfont iconfonta icon-jilu-xuanzhong"></span></view> <view class="radius"><span
class="iconfont iconfonta icon-jilu-xuanzhong"></span></view>
</button> </button>
<button v-else-if="mp_is_new && open_update_info == 0" class="avatar-box"> <button v-else-if="mp_is_new && open_update_info == 0" class="avatar-box">
<image :src="item.avatar || '/static/images/f.png'"></image> <image :src="item.avatar || '/static/images/f.png'"></image>
@ -25,25 +27,28 @@
</block> </block>
<view class="pictrue" v-else> <view class="pictrue" v-else>
<image :src="item.avatar || '/static/images/f.png'"></image> <image :src="item.avatar || '/static/images/f.png'"></image>
<view class="radius" v-if="open_update_info != 0"><span class="iconfont iconfonta icon-jilu-xuanzhong"></span></view> <view class="radius" v-if="open_update_info != 0"><span
class="iconfont iconfonta icon-jilu-xuanzhong"></span></view>
</view> </view>
<view class="text"> <view class="text">
<view class="name line1">{{ item.nickname }}</view> <view class="name line1">{{ item.nickname }}</view>
</view> </view>
</view> </view>
<view class="currentBnt acea-row row-center-wrapper t-color" v-if='item.uid === userInfo.uid'> <view class="currentBnt acea-row row-center-wrapper t-color"
v-if='item.uid === userInfo.uid'>
当前账号 当前账号
</view> </view>
<view class="bnt t-color acea-row row-center-wrapper" @click='switchAccounts(item,index)' v-else> <view class="bnt t-color acea-row row-center-wrapper" @click='switchAccounts(item,index)'
v-else>
使用账号 使用账号
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<view class="list" v-else> <view class="list" v-else>
<view class='item acea-row row-between-wrapper' > <view class='item acea-row row-between-wrapper'>
<view>头像</view> <view>头像</view>
<view class="pictrue" v-if="!mp_is_new" @click="uploadpic"> <view class="pictrue" v-if="!mp_is_new" @click="uploadpic">
<image class="avatar" :src="userInfo.avatar || '/static/images/f.png'"></image> <image class="avatar" :src="userInfo.avatar || '/static/images/f.png'"></image>
</view> </view>
<button v-else class="avatar-box" open-type="chooseAvatar" @chooseavatar="onChooseAvatar"> <button v-else class="avatar-box" open-type="chooseAvatar" @chooseavatar="onChooseAvatar">
@ -69,10 +74,12 @@
</view> </view>
<view class='item acea-row row-between-wrapper'> <view class='item acea-row row-between-wrapper'>
<view>手机号码</view> <view>手机号码</view>
<navigator url="/pages/users/user_phone/index" hover-class="none" class="input" v-if="!userInfo.phone"> <navigator url="/pages/users/user_phone/index" hover-class="none" class="input"
v-if="!userInfo.phone">
点击绑定手机号<text class="iconfont icon-xiangyou"></text> 点击绑定手机号<text class="iconfont icon-xiangyou"></text>
</navigator> </navigator>
<navigator url="/pages/users/user_modify_phone/index" hover-class="none" class='input acea-row row-between-wrapper' v-else> <navigator url="/pages/users/user_modify_phone/index" hover-class="none"
class='input acea-row row-between-wrapper' v-else>
<text class='id'>{{userInfo.phone}}</text> <text class='id'>{{userInfo.phone}}</text>
<text class='iconfont icon-you'></text> <text class='iconfont icon-you'></text>
</navigator> </navigator>
@ -84,23 +91,42 @@
<text class='iconfont icon-you'></text> <text class='iconfont icon-you'></text>
</view> </view>
</view> </view>
<view class='item acea-row row-between-wrapper'>
<view>填写邀请码</view>
<view class='input acea-row row-between-wrapper' @click="showPopup">
<input type='text' placeholder="填写他人邀请码" v-model="promotion_code" disabled='true'
class='id'></input>
<text class='iconfont icon-you'></text>
</view>
<uni-popup ref="popup">
<view class="code-popup">
<text class="title">填写邀请码</text>
<u-input type='text' placeholder="填写他人邀请码" v-model="promotion_code" border="surround"
class='id'></u-input>
<u-button class="code-btn" @click="submitCode">确认</u-button>
</view>
</uni-popup>
</view>
<view class='item acea-row row-between-wrapper'> <view class='item acea-row row-between-wrapper'>
<view>地址管理</view> <view>地址管理</view>
<navigator url="/pages/users/user_address_list/index" hover-class="none" class='input acea-row row-between-wrapper'> <navigator url="/pages/users/user_address_list/index" hover-class="none"
class='input acea-row row-between-wrapper'>
<text class='id'>立即前往</text> <text class='id'>立即前往</text>
<text class='iconfont icon-you'></text> <text class='iconfont icon-you'></text>
</navigator> </navigator>
</view> </view>
<view class='item acea-row row-between-wrapper'> <view class='item acea-row row-between-wrapper'>
<view>发票管理</view> <view>发票管理</view>
<navigator url="/pages/users/user_invoice_list/index" hover-class="none" class='input acea-row row-between-wrapper'> <navigator url="/pages/users/user_invoice_list/index" hover-class="none"
class='input acea-row row-between-wrapper'>
<text class='id'>立即前往</text> <text class='id'>立即前往</text>
<text class='iconfont icon-you'></text> <text class='iconfont icon-you'></text>
</navigator> </navigator>
</view> </view>
<view class='item acea-row row-between-wrapper'> <view class='item acea-row row-between-wrapper'>
<view>详细信息</view> <view>详细信息</view>
<navigator url="/pages/users/user_info_form/index" hover-class="none" class='input acea-row row-between-wrapper'> <navigator url="/pages/users/user_info_form/index" hover-class="none"
class='input acea-row row-between-wrapper'>
<text class='id'>立即前往</text> <text class='id'>立即前往</text>
<text class='iconfont icon-you'></text> <text class='iconfont icon-you'></text>
</navigator> </navigator>
@ -112,21 +138,24 @@
<text class='iconfont icon-you'></text> <text class='iconfont icon-you'></text>
</view> </view>
</view> </view>
<!--#ifdef APP-PLUS--> <!--#ifdef APP-PLUS-->
<view class='item acea-row row-between-wrapper'> <view class='item acea-row row-between-wrapper' @click="$u.throttle(getVerion, 1500)">
<view>当前版本</view> <view>当前版本</view>
<view class='input acea-row row-between-wrapper'> <view class='input acea-row row-between-wrapper'>
<input type='text' :value='version' disabled='true' class='id'></input> <input type='text' :value='version' disabled='true' class='id'></input>
<text class='iconfont icon-you'></text>
</view> </view>
</view> </view>
<!--#endif--> <!--#endif-->
</view> </view>
<!-- #ifdef H5 --> <!-- #ifdef H5 -->
<view class="logOut acea-row row-center-wrapper" @click="outLogin" v-if="!this.$wechat.isWeixin()">退出登录</view> <view class="logOut acea-row row-center-wrapper" @click="outLogin" v-if="!this.$wechat.isWeixin()">退出登录
</view>
<!-- #endif --> <!-- #endif -->
<!-- #ifdef MP || APP-PLUS --> <!-- #ifdef MP || APP-PLUS -->
<view class="logOut acea-row row-center-wrapper" @click="outLogin">退出登录</view> <view class="logOut acea-row row-center-wrapper" @click="outLogin">退出登录</view>
<!-- #endif --> <!-- #endif -->
<view class="foot-bar"></view> <view class="foot-bar"></view>
</view> </view>
</form> </form>
@ -148,19 +177,32 @@
getLogout, getLogout,
userAcc, userAcc,
editAvatar, editAvatar,
updateInfo updateInfo,
bindPromotionCode
} from '@/api/user.js'; } from '@/api/user.js';
import { switchH5Login, getAppVersion } from '@/api/api.js'; import {
import { mapGetters } from "vuex"; switchH5Login,
import { configMap } from '@/utils'; getAppVersion
} from '@/api/api.js';
import {
mapGetters
} from "vuex";
import {
configMap
} from '@/utils';
import dayjs from "@/plugin/dayjs/dayjs.min.js"; import dayjs from "@/plugin/dayjs/dayjs.min.js";
import Cache from '@/utils/cache'; import Cache from '@/utils/cache';
import { HTTP_REQUEST_URL } from '@/config/app'; import {
import { toLogin } from '@/libs/login.js'; HTTP_REQUEST_URL
} from '@/config/app';
import {
toLogin
} from '@/libs/login.js';
export default { export default {
components: {}, components: {},
data() { data() {
return { return {
promotion_code: '', //邀请码
domain: HTTP_REQUEST_URL, domain: HTTP_REQUEST_URL,
userInfo: {}, userInfo: {},
loginType: 'h5', loginType: 'h5',
@ -171,7 +213,9 @@
version: '' version: ''
}; };
}, },
computed: configMap({open_update_info: 0} ,mapGetters(['isLogin','viewColor','keyColor'])), computed: configMap({
open_update_info: 0
}, mapGetters(['isLogin', 'viewColor', 'keyColor'])),
onLoad() { onLoad() {
if (this.isLogin) { if (this.isLogin) {
this.getUserInfo(); this.getUserInfo();
@ -182,7 +226,7 @@
this.appVersionConfig() this.appVersionConfig()
//#endif //#endif
}, },
methods: { methods: {
toggle(type) { toggle(type) {
this.type = type this.type = type
// open 方法传入参数 等同在 uni-popup 组件上绑定 type属性 // open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
@ -194,7 +238,7 @@
*/ */
uploadpic: function() { uploadpic: function() {
let that = this; let that = this;
if(that.open_update_info == 0){ if (that.open_update_info == 0) {
return; return;
} }
that.$util.uploadImageOne('upload/image', function(res) { that.$util.uploadImageOne('upload/image', function(res) {
@ -203,30 +247,36 @@
userInfo.avatar = res.data.path; userInfo.avatar = res.data.path;
} }
that.switchUserInfo[that.userIndex] = userInfo; that.switchUserInfo[that.userIndex] = userInfo;
editAvatar({avatar:res.data.path}).then((res)=>{ editAvatar({
avatar: res.data.path
}).then((res) => {
that.$util.Tips({ that.$util.Tips({
title:res.message, title: res.message,
}) })
}) })
}); });
}, },
// 修改昵称 // 修改昵称
changeInput(){ changeInput() {
if(this.open_update_info == 0){ if (this.open_update_info == 0) {
return; return;
} }
uni.navigateTo({ uni.navigateTo({
url: '/pages/users/user_nickname/index', url: '/pages/users/user_nickname/index',
}) })
}, },
// 微信头像获取 // 微信头像获取
onChooseAvatar(e) { onChooseAvatar(e) {
const {avatarUrl} = e.detail const {
avatarUrl
} = e.detail
this.$util.uploadImgs('upload/image', avatarUrl, (res) => { this.$util.uploadImgs('upload/image', avatarUrl, (res) => {
this.userInfo.avatar = res.data.path this.userInfo.avatar = res.data.path
editAvatar({avatar:res.data.path}).then((res)=>{ editAvatar({
avatar: res.data.path
}).then((res) => {
that.$util.Tips({ that.$util.Tips({
title:res.message, title: res.message,
}) })
}) })
}, (err) => { }, (err) => {
@ -236,17 +286,17 @@
// #ifdef APP-PLUS // #ifdef APP-PLUS
appVersionConfig() { appVersionConfig() {
let that = this; let that = this;
console.log('app:'+plus.runtime.appid) console.log('app:' + plus.runtime.appid)
plus.runtime.getProperty(plus.runtime.appid, (info) => { plus.runtime.getProperty(plus.runtime.appid, (info) => {
this.version = info.version; this.version = info.version;
console.log('当前版本：'+ info.version) console.log('当前版本：' + info.version)
}); });
}, },
//#endif //#endif
switchAccounts: function(item, index) { switchAccounts: function(item, index) {
let userInfo = this.switchUserInfo[index], let userInfo = this.switchUserInfo[index],
that = this; that = this;
that.userIndex = index; that.userIndex = index;
if (that.switchUserInfo.length <= 1) return true; if (that.switchUserInfo.length <= 1) return true;
if (userInfo === undefined) return that.$util.Tips({ if (userInfo === undefined) return that.$util.Tips({
@ -281,7 +331,7 @@
* *
*/ */
outLogin: function() { outLogin: function() {
let that = this; let that = this;
if (that.loginType == 'h5') { if (that.loginType == 'h5') {
uni.showModal({ uni.showModal({
title: '提示', title: '提示',
@ -319,29 +369,33 @@
switchUserInfo[i].user_type != "h5" && switchUserInfo[i].user_type != "h5" &&
switchUserInfo[i].phone === "" switchUserInfo[i].phone === ""
) )
switchUserInfo.splice(i, 1); switchUserInfo.splice(i, 1);
//#endif //#endif
} }
that.$set(that, "switchUserInfo", switchUserInfo); that.$set(that, "switchUserInfo", switchUserInfo);
}) })
}, },
/**修改密码*/ /**修改密码*/
changePwd(){ changePwd() {
let that = this; let that = this;
if(that.userInfo.phone){ if (that.userInfo.phone) {
uni.navigateTo({ uni.navigateTo({
url: `/pages/users/user_modify_pwd/index` url: `/pages/users/user_modify_pwd/index`
}) })
}else{ } else {
that.$util.Tips({ that.$util.Tips({
title: '请先绑定手机号' title: '请先绑定手机号'
}); });
} }
}, },
showPopup() {
if (this.promotion_code) return Toast('已经填写过了');
this.$refs.popup.open();
},
//注销账号 //注销账号
changeCancel(){ changeCancel() {
uni.navigateTo({ uni.navigateTo({
url: '/pages/users/user_about/index?from='+'the_cancellation_msg' url: '/pages/users/user_about/index?from=' + 'the_cancellation_msg'
}) })
}, },
/** /**
@ -351,20 +405,44 @@
let that = this; let that = this;
getUserInfo().then(res => { getUserInfo().then(res => {
that.$set(that, 'userInfo', res.data); that.$set(that, 'userInfo', res.data);
if(res.data.phone){ this.promotion_code = this.userInfo.promotion_code;
if (res.data.phone) {
that.userAcc(); that.userAcc();
} }
}); });
},
/**
* 获取版本信息
*/
getVerion() {
this.$store.dispatch('INIT_CONFIG', true);
},
// 填写邀请码
submitCode() {
if (!this.promotion_code) return;
bindPromotionCode({
promotion_code: this.promotion_code
}).then(res => {
this.$refs.popup.close();
this.$nextTick(() => {
Toast('修改成功');
})
}).catch(err => {
console.log(err);
})
} }
} }
} }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
html{ html {
-webkit-text-size-adjust:none; -webkit-text-size-adjust: none;
} }
.radius{
.radius {
background-color: white; background-color: white;
width: 35rpx; width: 35rpx;
height: 35rpx; height: 35rpx;
@ -376,45 +454,54 @@
right: 0; right: 0;
bottom: 0; bottom: 0;
} }
.iconfonta{
.iconfonta {
border-radius: 50%; border-radius: 50%;
font-size: 20rpx; font-size: 20rpx;
color: red; color: red;
} }
.avatar { .avatar {
width: 120rpx; width: 120rpx;
height: 120rpx; height: 120rpx;
border-radius: 50%; border-radius: 50%;
} }
.btnb{
.btnb {
border-radius: 0; border-radius: 0;
height: 100rpx; height: 100rpx;
line-height: 100rpx; line-height: 100rpx;
} }
.btna{
.btna {
height: 100rpx; height: 100rpx;
line-height: 100rpx; line-height: 100rpx;
border-radius: 10rpx 10rpx 0 0; border-radius: 10rpx 10rpx 0 0;
} }
.btnc{
.btnc {
height: 130rpx; height: 130rpx;
line-height: 130rpx; line-height: 130rpx;
border-radius: 0; border-radius: 0;
} }
.personal-data { .personal-data {
padding-bottom: calc(0rpx+ constant(safe-area-inset-bottom)); ///兼容 IOS<11.2/ padding-bottom: calc(0rpx+ constant(safe-area-inset-bottom)); ///兼容 IOS<11.2/
padding-bottom: calc(0rpx + env(safe-area-inset-bottom)); ///兼容 IOS<11.2/ padding-bottom: calc(0rpx + env(safe-area-inset-bottom)); ///兼容 IOS<11.2/
} }
.personal-data .wrapper { .personal-data .wrapper {
margin: 10rpx 0; margin: 10rpx 0;
background-color: #fff; background-color: #fff;
padding: 36rpx 30rpx 13rpx 30rpx; padding: 36rpx 30rpx 13rpx 30rpx;
} }
.personal-data .wrapper .title { .personal-data .wrapper .title {
margin-bottom: 30rpx; margin-bottom: 30rpx;
font-size: 32rpx; font-size: 32rpx;
color: #282828; color: #282828;
} }
.personal-data .wrapper .wrapList .item { .personal-data .wrapper .wrapList .item {
width: 690rpx; width: 690rpx;
height: 160rpx; height: 160rpx;
@ -426,9 +513,11 @@
border: 2rpx solid #f8f8f8; border: 2rpx solid #f8f8f8;
box-sizing: border-box; box-sizing: border-box;
} }
.t-color { .t-color {
color: var(--view-theme); color: var(--view-theme);
} }
.personal-data .wrapper .wrapList .item.on { .personal-data .wrapper .wrapList .item.on {
border-color: var(--view-theme); border-color: var(--view-theme);
border-radius: 20rpx; border-radius: 20rpx;
@ -436,32 +525,39 @@
background-color: var(--view-minorColor); background-color: var(--view-minorColor);
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.personal-data .wrapper .wrapList .item .picTxt { .personal-data .wrapper .wrapList .item .picTxt {
width: 445rpx; width: 445rpx;
} }
.personal-data .wrapper .wrapList .item .picTxt .pictrue { .personal-data .wrapper .wrapList .item .picTxt .pictrue {
width: 96rpx; width: 96rpx;
height: 96rpx; height: 96rpx;
position: relative; position: relative;
} }
.personal-data .wrapper .wrapList .item .picTxt .pictrue image { .personal-data .wrapper .wrapList .item .picTxt .pictrue image {
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius: 50%; border-radius: 50%;
} }
.personal-data .wrapper .wrapList .item .picTxt .text { .personal-data .wrapper .wrapList .item .picTxt .text {
width: 325rpx; width: 325rpx;
} }
.personal-data .wrapper .wrapList .item .picTxt .text .name { .personal-data .wrapper .wrapList .item .picTxt .text .name {
width: 100%; width: 100%;
font-size: 30rpx; font-size: 30rpx;
color: #282828; color: #282828;
} }
.personal-data .wrapper .wrapList .item .picTxt .text .phone { .personal-data .wrapper .wrapList .item .picTxt .text .phone {
font-size: 24rpx; font-size: 24rpx;
color: #999; color: #999;
margin-top: 10rpx; margin-top: 10rpx;
} }
.personal-data .wrapper .wrapList .item .bnt { .personal-data .wrapper .wrapList .item .bnt {
font-size: 24rpx; font-size: 24rpx;
background-color: #fff; background-color: #fff;
@ -470,6 +566,7 @@
height: 54rpx; height: 54rpx;
border: 2rpx solid var(--view-theme); border: 2rpx solid var(--view-theme);
} }
.personal-data .wrapper .wrapList .item .currentBnt { .personal-data .wrapper .wrapList .item .currentBnt {
position: absolute; position: absolute;
right: 0; right: 0;
@ -480,10 +577,12 @@
height: 48rpx; height: 48rpx;
border-radius: 0 20rpx 0 20rpx; border-radius: 0 20rpx 0 20rpx;
} }
.personal-data .list { .personal-data .list {
margin-top: 15rpx; margin-top: 15rpx;
background-color: #fff; background-color: #fff;
} }
.personal-data .list .item { .personal-data .list .item {
padding-right: 30rpx; padding-right: 30rpx;
height: 110rpx; height: 110rpx;
@ -492,6 +591,7 @@
font-size: 32rpx; font-size: 32rpx;
color: #282828; color: #282828;
} }
.personal-data .list .item .phone { .personal-data .list .item .phone {
width: 160rpx; width: 160rpx;
height: 56rpx; height: 56rpx;
@ -500,26 +600,32 @@
line-height: 56rpx; line-height: 56rpx;
border-radius: 32rpx border-radius: 32rpx
} }
.personal-data .list .item .pictrue { .personal-data .list .item .pictrue {
width: 88rpx; width: 88rpx;
height: 88rpx; height: 88rpx;
} }
.personal-data .list .item .pictrue image { .personal-data .list .item .pictrue image {
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius: 50%; border-radius: 50%;
} }
.personal-data .list .item .input { .personal-data .list .item .input {
min-width: 415rpx; min-width: 415rpx;
text-align: right; text-align: right;
color: #868686; color: #868686;
} }
.personal-data .list .item .input .id { .personal-data .list .item .input .id {
width: 365rpx; width: 365rpx;
} }
.personal-data .list .item .input .iconfont { .personal-data .list .item .input .iconfont {
font-size: 35rpx; font-size: 35rpx;
} }
.personal-data .modifyBnt { .personal-data .modifyBnt {
font-size: 32rpx; font-size: 32rpx;
color: #fff; color: #fff;
@ -531,6 +637,7 @@
margin: 76rpx auto 0 auto; margin: 76rpx auto 0 auto;
background: var(--view-theme); background: var(--view-theme);
} }
.personal-data .logOut { .personal-data .logOut {
font-size: 32rpx; font-size: 32rpx;
text-align: center; text-align: center;
@ -542,14 +649,55 @@
background-color: #ffffff; background-color: #ffffff;
border: 1px solid var(--view-theme); border: 1px solid var(--view-theme);
} }
.avatar-box { .avatar-box {
width: 96rpx; width: 96rpx;
height: 96rpx; height: 96rpx;
background: transparent; background: transparent;
image { image {
width: 100%; width: 100%;
height: 100%; height: 100%;
border-radius: 50%; border-radius: 50%;
} }
} }
</style>
.personal-data .list .item .input {
min-width: 415rpx;
text-align: right;
color: #868686;
}
.personal-data .list .item .input .id {
width: 365rpx;
}
.personal-data .list .item .input .iconfont {
font-size: 35rpx;
}
.code-popup {
width: 600rpx;
height: 300rpx;
background-color: #fff;
border-radius: 28rpx;
padding: 28rpx;
display: flex;
flex-direction: column;
justify-content: space-between;
/deep/.u-border {
border-color: transparent !important;
}
.title {
text-align: center;
}
.code-btn {
background-color: $theme-color;
border-radius: 40rpx;
color: #fff;
}
}
</style>