LuYaShi
/
InspectionCleaning
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 管理员我的页面

This commit is contained in:
yangzhe 2025-04-16 09:42:57 +08:00
parent d82d03f694
commit d04483f899
1 changed files with 114 additions and 57 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

171
pages/adminMy/index.vue
View File

@ -13,21 +13,44 @@
<view class="content-name">JuLia James</view> <view class="content-name">JuLia James</view>
</view> </view>
<view class="cell-list-box"> <view class="cell-list-box">
<view class="cell-list-group"> <view
<view class="cell-list-item" v-for="item in cellList" @click="toPage(item.path,item)"> class="cell-list-item"
<view class="cell-list-item-left"> v-for="item in cellList"
<image @click="toPage(item.path, item)"
style="width: 60rpx; height: 60rpx" >
mode="aspectFit" <view class="cell-list-item-left">
:src="item.icon" <image
></image> style="width: 60rpx; height: 60rpx"
<text>{{ item.title }}</text> mode="aspectFit"
</view> :src="item.icon"
></image>
<text>{{ item.title }}</text>
</view>
<view class="cell-list-item-right"> <view class="cell-list-item-right">
<text v-if="item.content">{{ item.content }}</text> <text>{{ item.content }}</text>
<u-icon v-else name="arrow-right" color="#a5a7ab" size="32"></u-icon> <!-- <u-icon v-else name="arrow-right" color="#a5a7ab" size="32"></u-icon> -->
</view> </view>
</view>
</view>
<view class="empty-box"></view>
<view class="cell-list-box2">
<view
class="cell-list-item"
v-for="item in cellList2"
@click="toPage(item.path, item)"
>
<view class="cell-list-item-left">
<image
style="width: 60rpx; height: 60rpx"
mode="aspectFit"
:src="item.icon"
></image>
<text>{{ item.title }}</text>
</view>
<view class="cell-list-item-right">
<u-icon name="arrow-right" color="#cccccc" size="32"></u-icon>
</view> </view>
</view> </view>
</view> </view>
@ -79,6 +102,8 @@ export default {
path: "", path: "",
content: "区域111", content: "区域111",
}, },
],
cellList2: [
{ {
title: "版本信息", title: "版本信息",
icon: "/static/adminImg/item4.png", icon: "/static/adminImg/item4.png",
@ -171,34 +196,33 @@ export default {
} }
}, },
toPage(path,item) { toPage(path, item) {
if(item.title === '注销'){ if (item.title === "注销") {
let u = navigator.userAgent; let u = navigator.userAgent;
let isAndroid = let isAndroid = u.indexOf("Android") > -1 || u.indexOf("Adr") > -1; //android
u.indexOf("Android") > -1 || u.indexOf("Adr") > -1; //android // let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios
// let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios try {
try { if (isAndroid && AndroidJs) {
if (isAndroid && AndroidJs) { console.log("%c%s", "color:red", "安卓--调用返回方法");
console.log("%c%s", "color:red", "安卓--调用返回方法"); const reqRow = {
const reqRow = { name: "logout",
name: "logout", data: "",
data: "", };
}; AndroidJs.func(JSON.stringify(reqRow)); // 给安卓传参
AndroidJs.func(JSON.stringify(reqRow)); // 给安卓传参 } else {
} else { console.log("%c%s", "color:red", "苹果--调用返回方法");
console.log("%c%s", "color:red", "苹果--调用返回方法"); const reqRow = {
const reqRow = { name: "back-iphone",
name: "back-iphone", data: "",
data: "", };
}; window.webkit.messageHandlers.func.postMessage(
window.webkit.messageHandlers.func.postMessage( JSON.stringify(reqRow)
JSON.stringify(reqRow) ); // 给ios 传参
); // 给ios 传参 }
} } catch (e) {
} catch (e) { console.log(e, "e-----判断安卓苹果类型出错");
console.log(e, "e-----判断安卓苹果类型出错"); }
} return;
return
} }
if (!path) return; if (!path) return;
useRouter(path, {}, "navigateTo"); useRouter(path, {}, "navigateTo");
@ -212,6 +236,7 @@ export default {
height: calc(100vh - 100rpx); height: calc(100vh - 100rpx);
// background: #f6f8fc; // background: #f6f8fc;
.content-title { .content-title {
background: #fff;
text-align: center; text-align: center;
padding-top: 40rpx; padding-top: 40rpx;
font-size: 30rpx; font-size: 30rpx;
@ -223,8 +248,9 @@ export default {
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
min-height: 200rpx; min-height: 200rpx;
padding: 70rpx 40rpx 0; padding: 70rpx 40rpx 32rpx;
// background: linear-gradient(to bottom, #e5ebfd, #f6f8fc); // background: linear-gradient(to bottom, #e5ebfd, #f6f8fc);
background-color: #fff;
.avatar-box { .avatar-box {
width: 140rpx; width: 140rpx;
@ -242,26 +268,57 @@ export default {
font-weight: bold; font-weight: bold;
} }
.empty-box {
height: 20rpx;
background-color: #f6f8fc;
}
.cell-list-box { .cell-list-box {
// margin-top: 20rpx;
padding: 0 32rpx;
background-color: #fff;
.cell-list-item {
border-bottom: 1px solid #f4f4f4;
padding: 0 10rpx;
height: 100rpx;
display: flex;
justify-content: space-between;
align-items: center;
&-left {
display: flex;
text {
margin-left: 24rpx;
align-self: center;
}
}
&-right {
color: #999;
}
}
}
.cell-list-box2 {
margin-top: 20rpx; margin-top: 20rpx;
padding: 0 32rpx; padding: 0 32rpx;
background-color: #fff;
.cell-list-group { .cell-list-item {
.cell-list-item { border-bottom: 1px solid #f4f4f4;
border-bottom: 1px solid #e9eaee; padding: 0 10rpx;
padding: 0 10rpx; height: 100rpx;
height: 100rpx; display: flex;
justify-content: space-between;
align-items: center;
&-left {
display: flex; display: flex;
justify-content: space-between;
align-items: center;
&-left { text {
display: flex; margin-left: 24rpx;
align-self: center;
text {
margin-left: 24rpx;
align-self: center;
}
} }
} }
} }