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