1451 lines
35 KiB
Vue
1451 lines
35 KiB
Vue
<template>
|
||
<view class="my-page">
|
||
<!-- 顶部导航栏 -->
|
||
<!-- <custom-navbar
|
||
title="我的"
|
||
:show-back="false"
|
||
title-color="#333333"
|
||
:backgroundColor="backgroundColor"
|
||
></custom-navbar> -->
|
||
|
||
<!-- 用户信息区域 -->
|
||
<view class="user-section" v-if="isLogin">
|
||
<view class="user-info">
|
||
<view class="user-info-left">
|
||
<view class="avatar">
|
||
<image :src="!userInfo.head_photo ? baseAvartar : userInfo.head_photo" mode="aspectFill"
|
||
class="avatar-img"></image>
|
||
<button class="avatar-button"></button>
|
||
<!-- open-type="chooseAvatar" -->
|
||
<!-- @chooseavatar="getAvatar" -->
|
||
</view>
|
||
|
||
<view class="user-detail" @click="goToProfile">
|
||
<view class="nickname">
|
||
<text class="nickname-text">{{
|
||
userInfo.name || userInfo.nick_name || ""
|
||
}}</text>
|
||
</view>
|
||
<view class="user_detail_tip">
|
||
<view class="user_detail_tip_phone" v-if="id_type !== 0">
|
||
资料编辑
|
||
<image mode="aspectFill"
|
||
src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/6a4b7bc9-174a-471a-9bf5-6ba167005960" />
|
||
</view>
|
||
<view v-else class="user_detail_tip_phone" style="color: #999999">美融融小程序欢迎您</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="user-info-right" @click="goToWallet">
|
||
<view class="wallet_content">
|
||
<image
|
||
src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/931c0992-5243-4c70-ab2b-b99b430661c8.png"
|
||
mode="aspectFill" class="wallet_content_img"></image>
|
||
<view class="wallet_content_text">钱包余额：<text style="color: #e8101e">{{ userInfo.money }}元</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="authentication" v-if="id_type == 2 && !isBind">
|
||
<view @click="goTypeSelect" class="authentication_content">
|
||
<image mode="aspectFill" class="authentication_img"
|
||
src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/ed8bc685-33bd-48cf-8058-85b07b9be0dc.png" />
|
||
<view class="authentication_text">申请成为平台商家</view>
|
||
</view>
|
||
</view>
|
||
<view class="inviteMessage" v-if="inviteList.length > 0">
|
||
<view class="inviteMessage_content">
|
||
<image mode="widthFix" class="inviteMessage_img"
|
||
src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/7f577210-2d63-4146-af09-bcaf3db85a49.png" />
|
||
<view class="inviteMessage_text">您有{{ inviteList.length }}条商家邀请</view>
|
||
</view>
|
||
<image @click="goToInviteList" mode="aspectFill" class="btn_img"
|
||
src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/f2483bec-bbe7-4f2c-a6fd-e40a0accae82.png" />
|
||
</view>
|
||
</view>
|
||
<!-- 用户相关信息 -->
|
||
<view class="user-section" v-else>
|
||
<view class="user-info">
|
||
<view class="user-info-left" @click="goLogin">
|
||
<image
|
||
src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/4b48d973-d219-4cac-b206-675c192d0cff"
|
||
mode="aspectFill" class="avatar"></image>
|
||
<view class="user-detail">
|
||
<text class="nickname"> 请点击登录 </text>
|
||
<text class="user-detail-tip">美融融商家欢迎您</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="order-card">
|
||
<template v-for="card in currentCardList">
|
||
<view class="function-list" v-if="card.type == 'line'">
|
||
<view class="function-title">{{ card.title }}</view>
|
||
<view class="function-grid">
|
||
<view class="grid-item" v-for="(item, index) in card.list" :key="index"
|
||
@click="handleFunction(item)">
|
||
<view class="icon-wrapper">
|
||
<image :src="item.icon" class="grid-icon" mode="widthFix"></image>
|
||
</view>
|
||
<text class="grid-text">{{ item.text }}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="function-list" style="padding: 24rpx; padding-bottom: 28rpx"
|
||
v-if="card.type == 'lineCard'">
|
||
<view class="lineCard-title">{{ card.title }}</view>
|
||
<view class="lineCard-grid">
|
||
<image v-for="(item, index) in card.list" :src="item.url" mode="widthFix"
|
||
@click="handleFunction(item)"></image>
|
||
</view>
|
||
</view>
|
||
<view class="imagePure" v-if="card.type == 'imagePure'">
|
||
<image @click="handleFunction(card)" :src="card.url" mode="widthFix"></image>
|
||
</view>
|
||
<view class="image-list" v-if="card.type == 'image'">
|
||
<view class="image-title">{{ card.title }}</view>
|
||
<image @click="handleFunction(card)" :src="card.url" mode="widthFix"></image>
|
||
</view>
|
||
<view class="imageText-list" v-if="card.type == 'imageText'">
|
||
<view class="imageText-title">{{ card.title }}</view>
|
||
<view class="imageText-content">
|
||
<image :src="card.url" mode="widthFix"></image>
|
||
<view class="text-status">入驻成功啦！</view>
|
||
<view class="text-next">下一步:等待<text style="color: #e8101e">专属门店商家邀约绑定</text>，解锁订单资源与服</view>
|
||
<view class="text-next">务通道，开启高效变现、共创共赢的新旅程～</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
</view>
|
||
|
||
<tipsPopup2 :show="tipShow" @closePopup="closePopup" @okBtn="okBtn">
|
||
{{ tipsText }}
|
||
</tipsPopup2>
|
||
<TabBar :selected="2"></TabBar>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import TabBar from "@/components/tabbar/tabbar.vue"
|
||
import tipsPopup2 from "@/components/tips-popup/tips-popup2";
|
||
import CustomNavbar from "@/components/custom-navbar/custom-navbar.vue";
|
||
import request from "@/utils/request";
|
||
export default {
|
||
components: {
|
||
CustomNavbar,
|
||
tipsPopup2,
|
||
TabBar
|
||
},
|
||
data() {
|
||
return {
|
||
tipType: "", //提示弹窗类型
|
||
userInfo: {},
|
||
baseAvartar: "https://app.mrrweb.com.cn" + "/public/images/headanimal.png",
|
||
cardList: [{
|
||
type: "image",
|
||
title: "基础功能",
|
||
id_type: 0,
|
||
url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/aa9fa8d6-8d85-4dce-875a-e71e02595198.png",
|
||
path: "/pages/ruzhu/ruzhu",
|
||
},
|
||
{
|
||
type: "lineCard",
|
||
title: "营销中心",
|
||
|
||
list: [{
|
||
title: "员工管理",
|
||
url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/a9c13cce-f3e1-4ac1-9881-d39dc2b813ff.png",
|
||
path: "/pages/shop/staff/manage",
|
||
go_id_type: 1,
|
||
},
|
||
{
|
||
title: "服务分配",
|
||
url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/673f9885-3be1-4769-b417-b675b8ac5099.png",
|
||
path: "/pages/shop/staff/distribution-service",
|
||
go_id_type: 1,
|
||
},
|
||
],
|
||
},
|
||
{
|
||
type: "lineCard",
|
||
title: "交易项目",
|
||
|
||
list: [{
|
||
title: "服务管理",
|
||
path: "/pages/artisan/service-list",
|
||
go_id_type: 1,
|
||
url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/c4a8df11-b4c0-46e3-a72e-7bbb20bbbd6a.png",
|
||
},
|
||
{
|
||
title: "工位管理",
|
||
path: "/pages/shop/workSpace/list",
|
||
go_id_type: 1,
|
||
url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/d4c59f74-34a5-4e0f-b3be-766342e4d6e9.png",
|
||
},
|
||
{
|
||
title: "购买服务",
|
||
path: "/pages/shop/buy-service",
|
||
go_id_type: 1,
|
||
url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/285172ae-9757-472f-b466-73d5cc78d82a.png",
|
||
},
|
||
{
|
||
title: "购买工时",
|
||
path: "/pages/shop/manHour/buyManHour",
|
||
go_id_type: 1,
|
||
url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/9a13b1d0-3099-4e52-8d43-549f2520c1ca.png",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
type: "lineCard",
|
||
title: "交易订单",
|
||
|
||
list: [{
|
||
title: "用户订单",
|
||
path: "/pages/shop/userorders",
|
||
go_id_type: 1,
|
||
url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/1ca76fe3-21fc-408d-a453-4b253e377e46.png",
|
||
},
|
||
{
|
||
title: "工位订单",
|
||
path: "/pages/shop/workSpace/saleList",
|
||
go_id_type: 1,
|
||
url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/6ebd42c1-09a4-4ed1-8b82-de6db52f6cda.png",
|
||
},
|
||
{
|
||
title: "服务订单",
|
||
path: "/pages/shop/buy-order",
|
||
go_id_type: 1,
|
||
url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/65c5d29b-9aa6-4dd0-b766-baa484d1e5fe.png",
|
||
},
|
||
{
|
||
title: "工时订单",
|
||
path: "/pages/shop/manHour/saleList",
|
||
go_id_type: 1,
|
||
url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/f4b1628d-9d2e-4de0-90a8-bd2c83dad2af.png",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
type: "lineCard",
|
||
title: "营销中心",
|
||
|
||
list: [{
|
||
title: "拼团管理",
|
||
path: "/pages/shop/groupBuying/list",
|
||
go_id_type: 1,
|
||
url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/9a93bf6a-4387-460e-afb5-80441e4e7310.png",
|
||
},
|
||
{
|
||
title: "日常管理",
|
||
path: "/pages/promotion/promotion",
|
||
go_id_type: 1,
|
||
url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/b7419b23-2241-4b32-98f2-603bb479bcc1.png",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
type: "lineCard",
|
||
title: "平台自营项目",
|
||
id_type: 1,
|
||
self_state: true,
|
||
list: [{
|
||
text: "自营服务",
|
||
url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/b0faf058-e824-4d8b-a4fa-17d3e90b04ec.png",
|
||
path: "/pages/selfOperated/list",
|
||
},
|
||
{
|
||
text: "自营订单",
|
||
url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/b1dc0fc5-13be-4e21-8942-929edd42195b.png",
|
||
path: "/pages/shop/userorders?serviceType=2",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
type: "imagePure",
|
||
title: "",
|
||
id_type: 1,
|
||
self_state: false,
|
||
url: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/30b42fe6-21f9-443f-a091-5439d57e3593.png",
|
||
path: "/pages/selfOperated/agreement?title=平台自营项目介绍&type=18",
|
||
},
|
||
{
|
||
type: "line",
|
||
title: "我的服务",
|
||
list: [{
|
||
text: "联系平台",
|
||
icon: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/930a458a-9d2a-4543-a39c-399bb5bb5290.png",
|
||
path: "/pages/contact/contact",
|
||
},
|
||
{
|
||
text: "设置",
|
||
icon: "https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/0e0676c1-aa2b-4b3f-b9d5-c020c566cc85.png",
|
||
path: "",
|
||
type: "setting",
|
||
isNeedLogin: true,
|
||
},
|
||
],
|
||
},
|
||
],
|
||
|
||
isLogin: false,
|
||
tipsText: "",
|
||
tipShow: false,
|
||
scrollTop: 0,
|
||
inviteList: [],
|
||
// 账号停用弹窗控制
|
||
stopUseModal: false,
|
||
};
|
||
},
|
||
onPageScroll(e) {
|
||
this.scrollTop = e.scrollTop;
|
||
},
|
||
computed: {
|
||
id_type() {
|
||
return this.userInfo?.id_type || 0;
|
||
},
|
||
isBind() {
|
||
return this.userInfo.bind_count > 0;
|
||
},
|
||
|
||
// 判断是否账号已停止使用
|
||
isAccountDisabled() {
|
||
return this.userInfo?.is_ok === 2;
|
||
},
|
||
|
||
currentCardList() {
|
||
return this.cardList
|
||
.filter((card) => this.checkShow(card))
|
||
.map((item) => ({
|
||
...item,
|
||
list: item.list?.filter((card) => this.checkShow(card)),
|
||
}));
|
||
},
|
||
backgroundColor() {
|
||
if (this.scrollTop > 10) {
|
||
return `rgba(255, 255, 255, ${0.02 * this.scrollTop});`;
|
||
}
|
||
return "transparent";
|
||
},
|
||
},
|
||
onLoad() {
|
||
uni.hideTabBar();
|
||
const systemInfo = uni.getSystemInfoSync();
|
||
const statusBarHeight = systemInfo.statusBarHeight;
|
||
// 导航栏主体高度：iOS一般44px，Android一般48px（可自定义）
|
||
const navMainHeight = systemInfo.platform === "ios" ? 44 : 48;
|
||
// 绑定2个CSS变量：状态栏高度、导航栏主体高度
|
||
this.cssVars = {
|
||
"--status-bar-height": `${statusBarHeight}px`,
|
||
"--nav-main-height": `${navMainHeight}px`,
|
||
};
|
||
},
|
||
onShow() {
|
||
this.isLogin = uni.getStorageSync("accessToken") ? true : false;
|
||
if (!this.isLogin) {} else {
|
||
// 获取用户信息
|
||
this.getUserInfo();
|
||
}
|
||
},
|
||
methods: {
|
||
// 检查是否允许访问的方法
|
||
checkAccess(item) {
|
||
// 如果账号未停止使用，允许访问所有
|
||
if (!this.isAccountDisabled) {
|
||
return true;
|
||
}
|
||
|
||
// 账号已停止使用时，只允许特定的路径访问
|
||
// 允许访问的路径列表
|
||
const allowedPaths = [
|
||
"/subPackages/other/contact/contact", // 联系平台
|
||
];
|
||
|
||
const allowedTypes = ["logout"]; // 退出登录
|
||
|
||
// 检查是否在允许列表中
|
||
if (item.type && allowedTypes.includes(item.type)) {
|
||
return true;
|
||
}
|
||
|
||
if (item.path && allowedPaths.includes(item.path)) {
|
||
return true;
|
||
}
|
||
|
||
// 其他情况不允许访问
|
||
this.showStopUseModal();
|
||
return false;
|
||
},
|
||
|
||
// 显示账号停用提示
|
||
showStopUseModal() {
|
||
uni.showModal({
|
||
title: "提示",
|
||
content: "您的账号已停止使用。若有疑问或恢复需求，请尽快联系平台工作人员核实处理。",
|
||
showCancel: false,
|
||
confirmText: "我知道了",
|
||
});
|
||
},
|
||
|
||
checkShow(card) {
|
||
if (card.id_type != undefined && card.id_type != this.id_type) {
|
||
return false;
|
||
}
|
||
if (card.isNeedLogin != undefined) {
|
||
return this.isLogin;
|
||
}
|
||
if (
|
||
card.self_state != undefined &&
|
||
(card.self_state ?
|
||
this.userInfo.self_state != 1 :
|
||
this.userInfo.self_state == 1)
|
||
) {
|
||
return false;
|
||
}
|
||
return true;
|
||
},
|
||
// 去权益界面
|
||
goToRights() {
|
||
// 添加访问检查
|
||
if (this.isAccountDisabled) {
|
||
this.showStopUseModal();
|
||
return;
|
||
}
|
||
uni.navigateTo({
|
||
url: "/subPackages/other/agreement/agreement?type=16&title=权益说明",
|
||
});
|
||
},
|
||
goToWallet() {
|
||
uni.navigateTo({
|
||
url: "/pages/wallet/wallet",
|
||
});
|
||
},
|
||
saveToast() {
|
||
setTimeout(() => {
|
||
uni.showToast({
|
||
title: "保存成功！",
|
||
icon: "none",
|
||
});
|
||
}, 500);
|
||
},
|
||
async getAvatar(e) {
|
||
// 添加访问检查
|
||
if (this.isAccountDisabled) {
|
||
this.showStopUseModal();
|
||
return;
|
||
}
|
||
console.log("getAvatar:", e);
|
||
const tempFilePath = e.detail.avatarUrl; // 获取临时文件路径
|
||
try {
|
||
// 4. 生成唯一文件名（防止OSS文件覆盖，推荐格式：目录/时间戳-随机数.后缀）
|
||
const filename = `${Date.now()}-${Math.floor(
|
||
Math.random() * 1000,
|
||
)}.jpg`;
|
||
|
||
// 5. 显示上传中loading（提升用户体验）
|
||
uni.showLoading({
|
||
title: "上传中...",
|
||
mask: true,
|
||
});
|
||
|
||
// 6. 调用后端接口，获取OSS临时上传参数（关键：OSS不允许前端直接传密钥，需后端签名）
|
||
const ossConfig = await this.getOssUploadConfig(filename);
|
||
if (!ossConfig) {
|
||
uni.hideLoading();
|
||
uni.showToast({
|
||
title: "获取上传配置失败",
|
||
icon: "none",
|
||
});
|
||
return;
|
||
}
|
||
|
||
// 7. 上传图片到阿里云OSS（使用UniApp uploadFile，适配小程序）
|
||
await this.uploadToOss(tempFilePath, ossConfig);
|
||
|
||
// 8. 上传成功后续操作（如更新页面头像、通知后端更新用户信息）
|
||
const ossFileUrl = `${ossConfig.host}/${ossConfig.dir}${filename}`; // OSS文件最终URL
|
||
uni.hideLoading();
|
||
uni.showToast({
|
||
title: "头像上传成功",
|
||
});
|
||
console.log("OSS图片URL:", ossFileUrl);
|
||
this.saveProfile(ossFileUrl);
|
||
} catch (error) {
|
||
uni.hideLoading();
|
||
console.error("头像上传异常:", error);
|
||
}
|
||
},
|
||
// 保存资料
|
||
saveProfile(url) {
|
||
// 添加访问检查
|
||
if (this.isAccountDisabled) {
|
||
this.showStopUseModal();
|
||
return;
|
||
}
|
||
uni.showLoading({
|
||
title: "保存中...",
|
||
});
|
||
let head_photo = url;
|
||
let {
|
||
nick_name,
|
||
sex,
|
||
dependency
|
||
} = this.userInfo;
|
||
request
|
||
.post("/syr/User/editUser", {
|
||
nick_name,
|
||
head_photo,
|
||
sex,
|
||
dependency,
|
||
})
|
||
.then((res) => {
|
||
uni.hideLoading();
|
||
this.userInfo.head_photo = url;
|
||
uni.showToast({
|
||
title: "保存成功！",
|
||
icon: "none",
|
||
});
|
||
});
|
||
},
|
||
//调用后端接口，获取OSS临时上传参数（关键：OSS不允许前端直接传密钥，需后端签名）
|
||
async getOssUploadConfig(filename) {
|
||
// 添加访问检查
|
||
if (this.isAccountDisabled) {
|
||
this.showStopUseModal();
|
||
return;
|
||
}
|
||
try {
|
||
// 调用后端接口，传递文件名（后端需根据filename生成对应的dir和key）
|
||
const res = await request.post("/user/getalioss", {
|
||
type: 1, // 后端定义的业务类型（如1=头像）
|
||
kind: 1, // 后端定义的参数（按实际接口调整）
|
||
filename: filename, // 告知后端当前要上传的文件名，用于生成OSS的key
|
||
});
|
||
return {
|
||
...res,
|
||
filename,
|
||
}; // 格式示例：{ host: "https://xxx.oss-cn-beijing.aliyuncs.com", policy: "...", OSSAccessKeyId: "...", signature: "...", dir: "user/avatar/" }
|
||
} catch (error) {
|
||
console.error("获取OSS配置失败:", error);
|
||
throw error;
|
||
}
|
||
},
|
||
//上传oss
|
||
async uploadToOss(tempFilePath, ossConfig) {
|
||
return new Promise((resolve, reject) => {
|
||
// 构造OSS上传的FormData参数（严格按OSS要求的字段名）
|
||
const formData = {
|
||
name: ossConfig.filename, // 文件名（与后端协商的key一致）
|
||
policy: ossConfig.policy, // OSS临时授权policy
|
||
OSSAccessKeyId: ossConfig
|
||
.ossAccessKeyId, // 临时AccessKeyId（注意字段名：后端返回可能是ossAccessKeyId或OSSAccessKeyId，需对齐）
|
||
signature: ossConfig.signature, // 签名
|
||
success_action_status: "200", // OSS上传成功后返回200状态码（必须设置）
|
||
key: ossConfig.dir + ossConfig.filename ||
|
||
ossConfig.dir + tempFilePath.split("/")
|
||
.pop(), // OSS存储的完整key（dir + filename，核心字段）
|
||
};
|
||
|
||
// 调用UniApp上传API（小程序推荐用这个，比fetch稳定）
|
||
uni.uploadFile({
|
||
url: ossConfig.host, // OSS的Endpoint（如https://xxx.oss-cn-beijing.aliyuncs.com）
|
||
filePath: tempFilePath, // 小程序临时文件路径
|
||
name: "file", // OSS要求的文件字段名（固定为"file"，后端需与OSS配置一致）
|
||
formData: formData, // OSS上传所需的表单参数
|
||
timeout: 30000, // 超时时间（30秒，防止大文件上传超时）
|
||
success: (uploadRes) => {
|
||
// OSS上传成功的判断：statusCode为200且响应体为空（OSS特性）
|
||
if (uploadRes.statusCode === 200) {
|
||
resolve();
|
||
} else {
|
||
reject(new Error(`OSS上传失败，状态码: ${uploadRes.statusCode}`));
|
||
}
|
||
},
|
||
fail: (err) => {
|
||
reject(new Error(`上传请求失败: ${err.errMsg}`));
|
||
},
|
||
});
|
||
});
|
||
},
|
||
closePopup() {
|
||
this.tipShow = false;
|
||
//uni.showTabBar();
|
||
},
|
||
|
||
okBtn() {
|
||
// 添加访问检查
|
||
if (this.isAccountDisabled) {
|
||
this.showStopUseModal();
|
||
return;
|
||
}
|
||
if (this.tipType == "tjRuzhu") {
|
||
getApp().globalData.artisanType = 2;
|
||
if (this.userInfo.is_ok == 2) {
|
||
uni.navigateTo({
|
||
url: "/subPackages/ruzhu/stopuse",
|
||
});
|
||
return;
|
||
}
|
||
//如果现在身份是推荐官认证中身份是推荐官
|
||
if (
|
||
this.userInfo.id_type == 1 &&
|
||
this.userInfo.auth_info?.id_type == 1
|
||
) {
|
||
uni.navigateTo({
|
||
url: "/subPackages/ruzhu/complete?id_type=1",
|
||
});
|
||
return;
|
||
}
|
||
if (!this.userInfo.auth_info?.apply_state) {
|
||
//如果没有认证中信息
|
||
uni.navigateTo({
|
||
url: "/subPackages/ruzhu/complete",
|
||
});
|
||
} else {
|
||
//如果认证中信息apply_state状态不同
|
||
if (this.userInfo.auth_info.apply_state == 1) {
|
||
uni.navigateTo({
|
||
url: "/subPackages/ruzhu/submitres?applyState=1",
|
||
});
|
||
} else if (this.userInfo.auth_info.apply_state == 2) {
|
||
uni.navigateTo({
|
||
url: "/subPackages/ruzhu/submitres?applyState=2",
|
||
});
|
||
} else if (this.userInfo.auth_info.apply_state == 3) {
|
||
uni.navigateTo({
|
||
url: "/subPackages/ruzhu/submitres?applyState=3",
|
||
});
|
||
}
|
||
}
|
||
} else if (this.tipType == "login") {
|
||
uni.navigateTo({
|
||
url: "/pages/blogPopup/blogPopup",
|
||
});
|
||
}
|
||
// uni.showTabBar();
|
||
},
|
||
getUserInfo() {
|
||
request.post("/sj/user/getUser").then((result) => {
|
||
this.userInfo = result.data;
|
||
uni.setStorageSync("syrId", result.data.id);
|
||
});
|
||
this.getInviteList();
|
||
},
|
||
async goLogin() {
|
||
// 添加访问检查
|
||
if (this.isAccountDisabled) {
|
||
this.showStopUseModal();
|
||
return;
|
||
}
|
||
this.tipsText = "您现在还未登录，是否确定登录？";
|
||
this.tipShow = true;
|
||
this.tipType = "login";
|
||
uni.hideTabBar();
|
||
},
|
||
|
||
goToOrderList(type) {
|
||
// 添加访问检查
|
||
if (this.isAccountDisabled) {
|
||
this.showStopUseModal();
|
||
return;
|
||
}
|
||
if (!this.isLogin) {
|
||
uni.showToast({
|
||
title: "您暂未登录，无法使用此功能！",
|
||
icon: "none",
|
||
});
|
||
return;
|
||
}
|
||
},
|
||
logout() {
|
||
uni.showModal({
|
||
title: "提示",
|
||
content: "确定要退出登录吗？",
|
||
success: (res) => {
|
||
if (res.confirm) {
|
||
// uni.removeStorageSync('access_token');
|
||
// uni.removeStorageSync('refresh_token');
|
||
uni.clearStorageSync();
|
||
// TODO: 实现退出登录逻辑
|
||
uni.reLaunch({
|
||
url: "/pages/home/home",
|
||
});
|
||
}
|
||
},
|
||
});
|
||
},
|
||
async handleFunction(item) {
|
||
// 如果是退出登录，直接处理，不检查账号状态
|
||
if (this.isLogin && item.type === "setting") {
|
||
uni.navigateTo({
|
||
url: `/pages/settings/index`,
|
||
});
|
||
return;
|
||
}
|
||
|
||
// 检查账号状态，如果不允许访问，直接返回
|
||
if (!this.checkAccess(item)) {
|
||
return;
|
||
}
|
||
|
||
// if (!this.isLogin) {
|
||
// uni.showToast({
|
||
// title: "您暂未登录，无法使用此功能！",
|
||
// icon: "none",
|
||
// });
|
||
// return;
|
||
// }
|
||
|
||
if (item.path == "/pages/ruzhu/ruzhu") {
|
||
request.post("/sj/userSjAuth/details", {
|
||
type: 1
|
||
}).then((res) => {
|
||
if (res.code == 200 && res.data && res.data.apply_state != 2) {
|
||
uni.navigateTo({
|
||
url: `/pages/ruzhu/submitres?identity=${res.data.id_type}&applyState=${res.data.apply_state}`,
|
||
});
|
||
} else {
|
||
uni.navigateTo({
|
||
url: item.path,
|
||
});
|
||
}
|
||
});
|
||
|
||
return;
|
||
}
|
||
if (item.type) {
|
||
uni.navigateTo({
|
||
url: `${item.path}?type=${item.type}`,
|
||
});
|
||
} else {
|
||
if (item.go_id_type == 1 && this.userInfo?.id_type == 0) {
|
||
uni.showToast({
|
||
title: `您暂未入驻，无法使用${ item.title }！`,
|
||
icon: "none",
|
||
});
|
||
return;
|
||
}
|
||
if(!this.isLogin && item.go_id_type){
|
||
uni.showToast({
|
||
title: `您暂未登录，无法使用${ item.title }！`,
|
||
icon: "none",
|
||
});
|
||
return;
|
||
}
|
||
uni.navigateTo({
|
||
url: `${item.path}`,
|
||
});
|
||
}
|
||
},
|
||
goToProfile() {
|
||
// 添加访问检查
|
||
if (this.isAccountDisabled) {
|
||
this.showStopUseModal();
|
||
return;
|
||
}
|
||
if (this.userInfo.id_type == 0) {
|
||
return;
|
||
}
|
||
uni.navigateTo({
|
||
url: "/pages/artisan/profile",
|
||
});
|
||
},
|
||
goToInviteList() {
|
||
// 添加访问检查
|
||
if (this.isAccountDisabled) {
|
||
this.showStopUseModal();
|
||
return;
|
||
}
|
||
if (this.userInfo.id_type == 0) {
|
||
return;
|
||
}
|
||
uni.navigateTo({
|
||
url: "/subPackages/affiliated/inviteList?type=" + this.id_type,
|
||
});
|
||
},
|
||
getInviteList() {
|
||
request
|
||
.post("/syr/sjSyrBind/inviteList", {
|
||
page: 1,
|
||
limit: 999
|
||
})
|
||
.then((res) => {
|
||
this.inviteList = res.data.list;
|
||
});
|
||
},
|
||
goTypeSelect() {
|
||
// 添加访问检查
|
||
if (this.isAccountDisabled) {
|
||
this.showStopUseModal();
|
||
return;
|
||
}
|
||
request
|
||
.post("/syr/userSyrAuth/details", {
|
||
type: 1,
|
||
id_type: 1
|
||
})
|
||
.then((res) => {
|
||
if (res.code == 200 && res.data && res.data.apply_state != 2) {
|
||
uni.navigateTo({
|
||
url: `/subPackages/ruzhu/submitres?identity=${res.data.id_type}&applyState=${res.data.apply_state}`,
|
||
});
|
||
} else {
|
||
uni.navigateTo({
|
||
url: "/subPackages/ruzhu/typeSelect?id_type=1",
|
||
});
|
||
}
|
||
});
|
||
},
|
||
},
|
||
};
|
||
</script>
|
||
|
||
<style lang="less">
|
||
page {
|
||
background: #f5f5f5 !important;
|
||
}
|
||
|
||
.my-page {
|
||
/* min-height: 100vh; */
|
||
position: relative;
|
||
padding-bottom: 50rpx;
|
||
padding-top: var(--status-bar-height);
|
||
background-image: url("https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/825812de-54b3-486a-a3a0-2c4a1fb9fd28.png");
|
||
background-position: 0 0;
|
||
background-size: 100%;
|
||
background-repeat: no-repeat;
|
||
padding-bottom: 150rpx;
|
||
}
|
||
|
||
// .my-page::before {
|
||
// content: "";
|
||
// position: fixed;
|
||
// top: 0;
|
||
// left: 0;
|
||
// right: 0;
|
||
// height: 489rpx !important;
|
||
// background-image: url("https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/825812de-54b3-486a-a3a0-2c4a1fb9fd28.png");
|
||
// background-size: cover;
|
||
// background-position: center top;
|
||
// background-repeat: no-repeat;
|
||
// z-index: -1;
|
||
// }
|
||
|
||
/* 确保内容在背景之上 */
|
||
.user-section,
|
||
.order-section,
|
||
.function-list,
|
||
.user-stats,
|
||
.image-list,
|
||
.imageText-list,
|
||
.info_section {
|
||
position: relative;
|
||
z-index: 99;
|
||
margin: 0 30rpx;
|
||
}
|
||
|
||
/* 用户信息区域 */
|
||
.user-section {
|
||
background-color: transparent;
|
||
box-sizing: border-box;
|
||
padding-bottom: 40rpx;
|
||
padding-top: 26rpx;
|
||
|
||
.upgradeBanner {
|
||
padding-top: 40rpx;
|
||
width: 690rpx;
|
||
height: 114rpx;
|
||
position: relative;
|
||
|
||
.upgradeBanner-img {
|
||
width: 690rpx;
|
||
height: 114rpx;
|
||
}
|
||
|
||
.upgradeBanner-btn {
|
||
position: absolute;
|
||
left: 304rpx;
|
||
bottom: 20rpx;
|
||
width: 100rpx;
|
||
height: 40rpx;
|
||
}
|
||
}
|
||
|
||
.user-info {
|
||
display: flex;
|
||
flex-flow: row nowrap;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
|
||
.user-info-left {
|
||
display: flex;
|
||
flex-flow: row nowrap;
|
||
justify-content: flex-start;
|
||
align-items: center;
|
||
|
||
.avatar {
|
||
width: 124rpx;
|
||
height: 124rpx;
|
||
border: 4rpx solid #fff;
|
||
box-sizing: border-box;
|
||
border-radius: 64rpx;
|
||
margin-right: 20rpx;
|
||
overflow: hidden;
|
||
position: relative;
|
||
|
||
.avatar-img {
|
||
width: 116rpx;
|
||
height: 116rpx;
|
||
border-radius: 64rpx;
|
||
margin-right: 20rpx;
|
||
}
|
||
|
||
.avatar-button {
|
||
position: absolute;
|
||
inset: 0;
|
||
margin: auto;
|
||
}
|
||
}
|
||
|
||
.user-detail {
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
align-items: flex-start;
|
||
|
||
.nickname {
|
||
font-weight: 500;
|
||
font-size: 32rpx;
|
||
color: #333333;
|
||
line-height: 45rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
|
||
.nickname-text {
|
||
max-width: 250rpx;
|
||
white-space: nowrap;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
}
|
||
|
||
.inviteCode {
|
||
padding: 6rpx;
|
||
font-weight: 400;
|
||
font-size: 20rpx;
|
||
color: #7e4e5b;
|
||
line-height: 28rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
background: rgba(255, 255, 255, 0.3);
|
||
border-radius: 6rpx;
|
||
margin-left: 6rpx;
|
||
}
|
||
}
|
||
|
||
.user-detail-tip {
|
||
font-weight: 400;
|
||
font-size: 22rpx;
|
||
color: #999999;
|
||
line-height: 30rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
margin-top: 12rpx;
|
||
}
|
||
|
||
.user-identity {
|
||
margin-top: 10rpx;
|
||
border: 1rpx solid #e8101e;
|
||
border-radius: 22rpx;
|
||
width: 112rpx;
|
||
height: 44rpx;
|
||
line-height: 44rpx;
|
||
text-align: center;
|
||
background-color: rgba(255, 241, 241, 1);
|
||
|
||
.identity-text {
|
||
font-size: 20rpx;
|
||
color: #e8101e;
|
||
font-weight: 400;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
.user-info-right {
|
||
transform: translateY(14rpx);
|
||
|
||
.wallet_content {
|
||
height: 48rpx;
|
||
padding: 0rpx 16rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
background: rgba(252, 67, 124, 0.1);
|
||
border-radius: 24rpx;
|
||
border: 1rpx solid rgba(232, 16, 30, 0.15);
|
||
}
|
||
|
||
.wallet_content_img {
|
||
width: 29rpx;
|
||
height: 29rpx;
|
||
margin-right: 2rpx;
|
||
}
|
||
|
||
.wallet_content_text {
|
||
font-family:
|
||
PingFangSC,
|
||
PingFang SC;
|
||
font-weight: 500;
|
||
font-size: 22rpx;
|
||
color: #666666;
|
||
line-height: 30rpx;
|
||
text-align: left;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
.authentication {
|
||
display: flex;
|
||
margin-top: 20rpx;
|
||
|
||
.authentication_content {
|
||
height: 48rpx;
|
||
padding: 0rpx 20rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
background: #ffe8e8;
|
||
border-radius: 24rpx;
|
||
border: 1rpx solid rgba(232, 16, 30, 0.19);
|
||
|
||
.authentication_img {
|
||
width: 27rpx;
|
||
height: 29rpx;
|
||
margin-right: 7rpx;
|
||
}
|
||
|
||
.authentication_text {
|
||
font-family:
|
||
PingFangSC,
|
||
PingFang SC;
|
||
font-weight: 500;
|
||
font-size: 26rpx;
|
||
line-height: 37rpx;
|
||
color: #333333;
|
||
}
|
||
}
|
||
}
|
||
|
||
.inviteMessage {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
margin-top: 54rpx;
|
||
background: linear-gradient(320deg, #ffffff 0%, #ffffff 100%);
|
||
border-radius: 19rpx;
|
||
padding-right: 40rpx;
|
||
|
||
.inviteMessage_content {
|
||
height: 80rpx;
|
||
padding: 0rpx 20rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
border-radius: 24rpx;
|
||
|
||
.inviteMessage_img {
|
||
width: 42rpx;
|
||
height: 42rpx;
|
||
margin-right: 20rpx;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.inviteMessage_text {
|
||
font-family:
|
||
PingFangSC,
|
||
PingFang SC;
|
||
font-weight: 500;
|
||
font-size: 26rpx;
|
||
line-height: 37rpx;
|
||
color: #333333;
|
||
}
|
||
}
|
||
|
||
.btn_img {
|
||
width: 130rpx;
|
||
height: 54rpx;
|
||
}
|
||
}
|
||
|
||
.bottom0 {
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
.user-stats {
|
||
border-radius: 20rpx;
|
||
background-color: #fff;
|
||
box-shadow: 0 4rpx 8rpx 0 rgba(0, 0, 0, 0.05);
|
||
display: flex;
|
||
justify-content: space-around;
|
||
}
|
||
|
||
.stat-item {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
}
|
||
|
||
.stat-icon {
|
||
width: 64rpx;
|
||
height: 64rpx;
|
||
margin-bottom: 8rpx;
|
||
}
|
||
|
||
.stat-label {
|
||
font-size: 26rpx;
|
||
color: #252525;
|
||
font-weight: 400;
|
||
}
|
||
|
||
.order-card {
|
||
// background: linear-gradient(180deg, #FBF5F8 0%, #F6F6F6 100%);
|
||
border-radius: 30rpx 30rpx 0rpx 0rpx;
|
||
// padding-top: 30rpx;
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 20rpx;
|
||
}
|
||
|
||
/* 订单状态区域 */
|
||
.order-section {
|
||
background: #ffffff;
|
||
box-shadow: 0rpx 4rpx 16rpx 0rpx rgba(210, 213, 224, 0.5);
|
||
border-radius: 24rpx;
|
||
margin-bottom: 24rpx;
|
||
padding: 30rpx 20rpx 40rpx 20rpx;
|
||
|
||
.order-title {
|
||
font-weight: 500;
|
||
font-size: 32rpx;
|
||
color: #333333;
|
||
line-height: 45rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
margin-bottom: 30rpx;
|
||
}
|
||
|
||
.order-status {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
padding: 0rpx;
|
||
box-sizing: border-box;
|
||
|
||
.status-item {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
|
||
.status-icon {
|
||
width: 200rpx;
|
||
height: 169rpx;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
/* 功能列表 */
|
||
.function-list {
|
||
background: #ffffff;
|
||
border-radius: 24rpx;
|
||
padding: 30rpx;
|
||
padding-bottom: 50rpx;
|
||
|
||
.function-title {
|
||
font-weight: 500;
|
||
font-size: 32rpx;
|
||
color: #252525;
|
||
line-height: 36rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
margin-bottom: 50rpx;
|
||
}
|
||
|
||
.function-grid {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 63rpx;
|
||
|
||
.grid-item {
|
||
display: flex;
|
||
align-items: center;
|
||
position: relative;
|
||
gap: 21rpx;
|
||
|
||
.icon-wrapper {
|
||
width: 42rpx;
|
||
height: 42rpx;
|
||
position: relative;
|
||
// margin-bottom: 12rpx;
|
||
|
||
.grid-icon {
|
||
width: 42rpx;
|
||
height: 42rpx;
|
||
}
|
||
}
|
||
|
||
.grid-text {
|
||
font-weight: 400;
|
||
font-size: 30rpx;
|
||
color: #333333;
|
||
line-height: 42rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
}
|
||
}
|
||
|
||
.grid-item::after {
|
||
position: absolute;
|
||
content: "";
|
||
width: 12rpx;
|
||
height: 24rpx;
|
||
right: 0rpx;
|
||
background-image: url("https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/gray_right_icon.png");
|
||
background-size: cover;
|
||
}
|
||
}
|
||
|
||
.lineCard-title {
|
||
font-weight: 500;
|
||
font-size: 32rpx;
|
||
color: #252525;
|
||
line-height: 36rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
margin-bottom: 24rpx;
|
||
}
|
||
|
||
.lineCard-grid {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
flex-wrap: wrap;
|
||
gap: 20rpx 0;
|
||
|
||
image {
|
||
width: 310rpx;
|
||
height: 120rpx;
|
||
}
|
||
}
|
||
}
|
||
|
||
/* 功能列表 */
|
||
.image-list {
|
||
background: #ffffff;
|
||
border-radius: 24rpx;
|
||
padding: 30rpx 20rpx;
|
||
|
||
.image-title {
|
||
font-weight: 500;
|
||
font-size: 32rpx;
|
||
color: #252525;
|
||
line-height: 36rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
margin-bottom: 20rpx;
|
||
}
|
||
|
||
image {
|
||
width: 100%;
|
||
height: 148rpx;
|
||
}
|
||
}
|
||
|
||
.imageText-list {
|
||
background: #ffffff;
|
||
border-radius: 24rpx;
|
||
padding: 29rpx 27rpx 40rpx;
|
||
|
||
.imageText-title {
|
||
font-weight: 500;
|
||
font-size: 32rpx;
|
||
color: #252525;
|
||
line-height: 36rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
margin-bottom: 11rpx;
|
||
}
|
||
|
||
.imageText-content {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
|
||
image {
|
||
width: 245rpx;
|
||
height: 171rpx;
|
||
}
|
||
|
||
.text-status {
|
||
font-family:
|
||
PingFangSC,
|
||
PingFang SC;
|
||
font-weight: 500;
|
||
font-size: 30rpx;
|
||
color: #000000;
|
||
margin-top: 20rpx;
|
||
margin-bottom: 22rpx;
|
||
}
|
||
|
||
.text-next {
|
||
font-family:
|
||
PingFangSC,
|
||
PingFang SC;
|
||
font-weight: 400;
|
||
font-size: 26rpx;
|
||
line-height: 37rpx;
|
||
color: #666666;
|
||
text-align: center;
|
||
}
|
||
}
|
||
}
|
||
|
||
.my-page::before {
|
||
height: 420rpx;
|
||
}
|
||
|
||
button {
|
||
background: transparent !important;
|
||
border: none !important;
|
||
border-radius: 0 !important;
|
||
padding: 0 !important;
|
||
min-width: auto !important;
|
||
height: auto !important;
|
||
line-height: normal !important;
|
||
color: inherit !important;
|
||
-webkit-tap-highlight-color: transparent !important;
|
||
}
|
||
|
||
button::after {
|
||
border: none !important;
|
||
}
|
||
|
||
|
||
.info_section {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
margin-bottom: 20rpx;
|
||
|
||
.info_section_item {
|
||
width: 336rpx;
|
||
height: 193rpx;
|
||
background-size: cover;
|
||
background-position: center;
|
||
box-sizing: border-box;
|
||
display: flex;
|
||
flex-direction: column;
|
||
padding: 23rpx 26rpx 20rpx 26rpx;
|
||
|
||
.info_section_item_header {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
padding-bottom: 16rpx;
|
||
border-bottom: 2rpx solid rgba(210, 213, 224, 0.15);
|
||
|
||
.info_section_item_header_left {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 11rpx;
|
||
}
|
||
|
||
.info_section_item_img {
|
||
width: 35rpx;
|
||
height: 38rpx;
|
||
}
|
||
|
||
.info_section_item_label {
|
||
font-weight: 500;
|
||
font-size: 30rpx;
|
||
color: #333333;
|
||
line-height: 38rpx;
|
||
text-align: left;
|
||
font-style: normal;
|
||
}
|
||
|
||
.info_section_item_header_right {
|
||
image {
|
||
width: 10rpx;
|
||
height: 20rpx;
|
||
}
|
||
}
|
||
}
|
||
|
||
.info_section_item_subtitle {
|
||
font-size: 22rpx;
|
||
color: #999999;
|
||
line-height: 30rpx;
|
||
margin-top: 12rpx;
|
||
margin-bottom: 6rpx;
|
||
}
|
||
|
||
.info_section_item_content {
|
||
display: flex;
|
||
align-items: baseline;
|
||
font-family: DINPro, DINPro;
|
||
font-weight: 500;
|
||
font-size: 36rpx;
|
||
color: #333333;
|
||
|
||
.info_section_item_content_unit {
|
||
font-family:
|
||
PingFangSC,
|
||
PingFang SC;
|
||
font-weight: 500;
|
||
font-size: 20rpx;
|
||
color: #333333;
|
||
margin-left: 3rpx;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
.user_detail_tip {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 12rpx;
|
||
margin-top: 10rpx;
|
||
|
||
.user_detail_tip_phone {
|
||
max-width: 230rpx;
|
||
height: 36rpx;
|
||
line-height: 36rpx;
|
||
border-radius: 6rpx;
|
||
font-size: 24rpx;
|
||
color: #666666;
|
||
box-sizing: border-box;
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 7rpx;
|
||
|
||
image {
|
||
width: 8rpx;
|
||
height: 14rpx;
|
||
}
|
||
}
|
||
|
||
.user_detail_tip_invite_name {
|
||
max-width: 246rpx;
|
||
font-size: 22rpx;
|
||
}
|
||
}
|
||
|
||
.imagePure {
|
||
width: 690rpx;
|
||
margin: 0 auto;
|
||
|
||
image {
|
||
width: 100%;
|
||
}
|
||
}
|
||
</style> |