图标更新、我的页面更新
This commit is contained in:
@ -1,37 +1,38 @@
|
||||
<template>
|
||||
<view class="mine-container" :style="{height: `${windowHeight}px`}">
|
||||
<!--顶部个人信息栏-->
|
||||
<view class="header-section">
|
||||
<view class="flex padding justify-between">
|
||||
<view class="flex align-center">
|
||||
<view v-if="!avatar" class="cu-avatar xl round bg-white">
|
||||
<view class="iconfont icon-people text-gray icon"></view>
|
||||
</view>
|
||||
<image v-if="avatar" @click="handleToAvatar" :src="avatar" class="cu-avatar xl round" mode="widthFix">
|
||||
</image>
|
||||
<view v-if="!name" @click="handleToLogin" class="login-tip">
|
||||
点击登录
|
||||
</view>
|
||||
<view v-if="name" @click="handleToInfo" class="user-info">
|
||||
<view class="u_title">
|
||||
用户名：{{ name }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view @click="handleToInfo" class="flex align-center">
|
||||
<text>个人信息</text>
|
||||
<view class="iconfont icon-right"></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="mine-container" :style="{height: `${windowHeight}px`}">
|
||||
<!--顶部个人信息栏-->
|
||||
<view class="header-section">
|
||||
<view class="flex padding justify-between">
|
||||
<view class="flex align-center">
|
||||
<view v-if="!avatar" class="cu-avatar xl round bg-white">
|
||||
<view class="iconfont icon-people text-gray icon"></view>
|
||||
</view>
|
||||
<image v-if="avatar" @click="handleToAvatar" :src="avatar" class="cu-avatar xl round"
|
||||
mode="widthFix">
|
||||
</image>
|
||||
<view v-if="!name" @click="handleToLogin" class="login-tip">
|
||||
点击登录
|
||||
</view>
|
||||
<view v-if="name" @click="handleToInfo" class="user-info">
|
||||
<view class="u_title">
|
||||
用户名：{{ name }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view @click="handleToInfo" class="flex align-center">
|
||||
<text>个人信息</text>
|
||||
<view class="iconfont icon-right"></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="content-section">
|
||||
<view class="mine-actions grid col-4 text-center">
|
||||
<view class="action-item" @click="handleJiaoLiuQun">
|
||||
<view class="iconfont icon-friendfill text-pink icon"></view>
|
||||
<text class="text">交流群</text>
|
||||
</view>
|
||||
<view class="action-item" @click="handleBuilding">
|
||||
<view class="content-section">
|
||||
<view class="mine-actions grid col-4 text-center">
|
||||
<view class="action-item" @click="handleToEditInfo">
|
||||
<view class="iconfont icon-friendfill text-pink icon"></view>
|
||||
<text class="text">个人信息</text>
|
||||
</view>
|
||||
<!-- <view class="action-item" @click="handleBuilding">
|
||||
<view class="iconfont icon-service text-blue icon"></view>
|
||||
<text class="text">在线客服</text>
|
||||
</view>
|
||||
@ -42,17 +43,17 @@
|
||||
<view class="action-item" @click="handleBuilding">
|
||||
<view class="iconfont icon-dianzan text-green icon"></view>
|
||||
<text class="text">点赞我们</text>
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
|
||||
<view class="menu-list">
|
||||
<view class="list-cell list-cell-arrow" @click="handleToEditInfo">
|
||||
<view class="menu-item-box">
|
||||
<view class="iconfont icon-user menu-icon"></view>
|
||||
<view>编辑资料</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="list-cell list-cell-arrow" @click="handleHelp">
|
||||
<view class="menu-list">
|
||||
<view class="list-cell list-cell-arrow" @click="handleToEditInfo">
|
||||
<view class="menu-item-box">
|
||||
<view class="iconfont icon-user menu-icon"></view>
|
||||
<view>编辑资料</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="list-cell list-cell-arrow" @click="handleHelp">
|
||||
<view class="menu-item-box">
|
||||
<view class="iconfont icon-help menu-icon"></view>
|
||||
<view>常见问题</view>
|
||||
@ -63,126 +64,126 @@
|
||||
<view class="iconfont icon-aixin menu-icon"></view>
|
||||
<view>关于我们</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="list-cell list-cell-arrow" @click="handleToSetting">
|
||||
<view class="menu-item-box">
|
||||
<view class="iconfont icon-setting menu-icon"></view>
|
||||
<view>应用设置</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="list-cell list-cell-arrow" @click="handleToSetting">
|
||||
<view class="menu-item-box">
|
||||
<view class="iconfont icon-setting menu-icon"></view>
|
||||
<view>应用设置</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
name: this.$store.state.user.name
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
avatar() {
|
||||
return this.$store.state.user.avatar
|
||||
},
|
||||
windowHeight() {
|
||||
return uni.getSystemInfoSync().windowHeight - 50
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
handleToInfo() {
|
||||
this.$tab.navigateTo('/pages/mine/info/index')
|
||||
},
|
||||
handleToEditInfo() {
|
||||
this.$tab.navigateTo('/pages/mine/info/edit')
|
||||
},
|
||||
handleToSetting() {
|
||||
this.$tab.navigateTo('/pages/mine/setting/index')
|
||||
},
|
||||
handleToLogin() {
|
||||
this.$tab.reLaunch('/pages/login')
|
||||
},
|
||||
handleToAvatar() {
|
||||
this.$tab.navigateTo('/pages/mine/avatar/index')
|
||||
},
|
||||
handleHelp() {
|
||||
this.$tab.navigateTo('/pages/mine/help/index')
|
||||
},
|
||||
handleAbout() {
|
||||
this.$tab.navigateTo('/pages/mine/about/index')
|
||||
},
|
||||
handleJiaoLiuQun() {
|
||||
this.$modal.showToast('QQ群：①133713780(满)、②146013835(满)、③189091635')
|
||||
},
|
||||
handleBuilding() {
|
||||
this.$modal.showToast('模块建设中~')
|
||||
}
|
||||
}
|
||||
}
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
name: this.$store.state.user.name
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
avatar() {
|
||||
return this.$store.state.user.avatar
|
||||
},
|
||||
windowHeight() {
|
||||
return uni.getSystemInfoSync().windowHeight - 50
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
handleToInfo() {
|
||||
this.$tab.navigateTo('/pages/mine/info/index')
|
||||
},
|
||||
handleToEditInfo() {
|
||||
this.$tab.navigateTo('/pages/mine/info/edit')
|
||||
},
|
||||
handleToSetting() {
|
||||
this.$tab.navigateTo('/pages/mine/setting/index')
|
||||
},
|
||||
handleToLogin() {
|
||||
this.$tab.reLaunch('/pages/login')
|
||||
},
|
||||
handleToAvatar() {
|
||||
this.$tab.navigateTo('/pages/mine/avatar/index')
|
||||
},
|
||||
handleHelp() {
|
||||
this.$tab.navigateTo('/pages/mine/help/index')
|
||||
},
|
||||
handleAbout() {
|
||||
this.$tab.navigateTo('/pages/mine/about/index')
|
||||
},
|
||||
handleJiaoLiuQun() {
|
||||
this.$modal.showToast('QQ群：①133713780(满)、②146013835(满)、③189091635')
|
||||
},
|
||||
handleBuilding() {
|
||||
this.$modal.showToast('模块建设中~')
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
page {
|
||||
background-color: #f5f6f7;
|
||||
}
|
||||
page {
|
||||
background-color: #f5f6f7;
|
||||
}
|
||||
|
||||
.mine-container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
.mine-container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
|
||||
.header-section {
|
||||
padding: 15px 15px 45px 15px;
|
||||
background-color: #3c96f3;
|
||||
color: white;
|
||||
.header-section {
|
||||
padding: 15px 15px 45px 15px;
|
||||
background-color: #3c96f3;
|
||||
color: white;
|
||||
|
||||
.login-tip {
|
||||
font-size: 18px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.login-tip {
|
||||
font-size: 18px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.cu-avatar {
|
||||
border: 2px solid #eaeaea;
|
||||
.cu-avatar {
|
||||
border: 2px solid #eaeaea;
|
||||
|
||||
.icon {
|
||||
font-size: 40px;
|
||||
}
|
||||
}
|
||||
.icon {
|
||||
font-size: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
.user-info {
|
||||
margin-left: 15px;
|
||||
.user-info {
|
||||
margin-left: 15px;
|
||||
|
||||
.u_title {
|
||||
font-size: 18px;
|
||||
line-height: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.u_title {
|
||||
font-size: 18px;
|
||||
line-height: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.content-section {
|
||||
position: relative;
|
||||
top: -50px;
|
||||
.content-section {
|
||||
position: relative;
|
||||
top: -50px;
|
||||
|
||||
.mine-actions {
|
||||
margin: 15px 15px;
|
||||
padding: 20px 0px;
|
||||
border-radius: 8px;
|
||||
background-color: white;
|
||||
.mine-actions {
|
||||
margin: 15px 15px;
|
||||
padding: 20px 0px;
|
||||
border-radius: 8px;
|
||||
background-color: white;
|
||||
|
||||
.action-item {
|
||||
.icon {
|
||||
font-size: 28px;
|
||||
}
|
||||
.action-item {
|
||||
.icon {
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
.text {
|
||||
display: block;
|
||||
font-size: 13px;
|
||||
margin: 8px 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
.text {
|
||||
display: block;
|
||||
font-size: 13px;
|
||||
margin: 8px 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -11,7 +11,7 @@
|
||||
<uni-grid :column="4" :showBorder="false" @change="toDetail">
|
||||
<uni-grid-item v-for="(item,index) in gridList" :index="index" :key="index+'work'">
|
||||
<view class="grid-item-box">
|
||||
<uni-icons :type="item.icon" size="30"></uni-icons>
|
||||
<view class="icon iconfont" :class="item.icon" size="30"></view>
|
||||
<text class="text">{{item.text}}</text>
|
||||
</view>
|
||||
</uni-grid-item>
|
||||
@ -32,27 +32,27 @@
|
||||
siteId: '', //选择的站点ID
|
||||
gridList: [{
|
||||
page: 'bmszl',
|
||||
icon: 'map-filled',
|
||||
icon: 'icon-BMS',
|
||||
text: 'BMS总览',
|
||||
},
|
||||
{
|
||||
page: 'bmsdcc',
|
||||
icon: 'map',
|
||||
icon: 'icon-a-dianchicunengliangkuai',
|
||||
text: 'BMS电池簇',
|
||||
},
|
||||
{
|
||||
page: 'pcs',
|
||||
icon: 'flag-filled',
|
||||
icon: 'icon-PCS',
|
||||
text: 'PCS',
|
||||
},
|
||||
{
|
||||
page: 'db',
|
||||
icon: 'smallcircle',
|
||||
icon: 'icon-dianbiao4',
|
||||
text: '电表',
|
||||
},
|
||||
{
|
||||
page: 'dtdc',
|
||||
icon: 'smallcircle-filled',
|
||||
icon: 'icon-dantidianchi',
|
||||
text: '单体电池',
|
||||
}
|
||||
]
|
||||
@ -129,6 +129,10 @@
|
||||
;
|
||||
}
|
||||
|
||||
.icon {
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width: 500px) {}
|
||||
</style>
|
||||
87
static/font_ems/iconfont.css
Normal file
87
static/font_ems/iconfont.css
Normal file
@ -0,0 +1,87 @@
|
||||
@font-face {
|
||||
font-family: "iconfont";
|
||||
/* Project id 4993552 */
|
||||
src: url('@/static/font_ems/iconfont.woff2?t=1754546965003') format('woff2'),
|
||||
url('@/static/font_ems/iconfont.woff?t=1754546965003') format('woff'),
|
||||
url('@/static/font_ems/iconfont.ttf?t=1754546965003') format('truetype');
|
||||
}
|
||||
|
||||
.iconfont {
|
||||
font-family: "iconfont" !important;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-a-dianchicunengliangkuai:before {
|
||||
content: "\e7a1";
|
||||
}
|
||||
|
||||
.icon-dianbiao:before {
|
||||
content: "\eacb";
|
||||
}
|
||||
|
||||
.icon-batterypx:before {
|
||||
content: "\e610";
|
||||
}
|
||||
|
||||
.icon-dianbiao_shiti:before {
|
||||
content: "\eca1";
|
||||
}
|
||||
|
||||
.icon-bianyaqiyunhangpingjia:before {
|
||||
content: "\e600";
|
||||
}
|
||||
|
||||
.icon-dianbiao1:before {
|
||||
content: "\e602";
|
||||
}
|
||||
|
||||
.icon-pcs:before {
|
||||
content: "\e611";
|
||||
}
|
||||
|
||||
.icon-dianbiao2:before {
|
||||
content: "\e688";
|
||||
}
|
||||
|
||||
.icon-ziyuan:before {
|
||||
content: "\e866";
|
||||
}
|
||||
|
||||
.icon-pcs1:before {
|
||||
content: "\e601";
|
||||
}
|
||||
|
||||
.icon-gongneng-diandongji:before {
|
||||
content: "\e65a";
|
||||
}
|
||||
|
||||
.icon-dianbiao3:before {
|
||||
content: "\e6a7";
|
||||
}
|
||||
|
||||
.icon-weibiaoti-1-02-02:before {
|
||||
content: "\e612";
|
||||
}
|
||||
|
||||
.icon-dianbiao4:before {
|
||||
content: "\e625";
|
||||
}
|
||||
|
||||
.icon-dantidianchi:before {
|
||||
content: "\e76b";
|
||||
}
|
||||
|
||||
.icon-BMS:before {
|
||||
content: "\e63e";
|
||||
}
|
||||
|
||||
.icon-BMStongyong:before {
|
||||
content: "\e80c";
|
||||
}
|
||||
|
||||
.icon-PCS:before {
|
||||
content: "\e603";
|
||||
}
|
||||
1
static/font_ems/iconfont.js
Normal file
1
static/font_ems/iconfont.js
Normal file
File diff suppressed because one or more lines are too long
135
static/font_ems/iconfont.json
Normal file
135
static/font_ems/iconfont.json
Normal file
@ -0,0 +1,135 @@
|
||||
{
|
||||
"id": "4993552",
|
||||
"name": "EMS",
|
||||
"font_family": "iconfont",
|
||||
"css_prefix_text": "icon-",
|
||||
"description": "",
|
||||
"glyphs": [
|
||||
{
|
||||
"icon_id": "43871958",
|
||||
"name": "电池簇、能量块",
|
||||
"font_class": "a-dianchicunengliangkuai",
|
||||
"unicode": "e7a1",
|
||||
"unicode_decimal": 59297
|
||||
},
|
||||
{
|
||||
"icon_id": "5387412",
|
||||
"name": "电表",
|
||||
"font_class": "dianbiao",
|
||||
"unicode": "eacb",
|
||||
"unicode_decimal": 60107
|
||||
},
|
||||
{
|
||||
"icon_id": "6141230",
|
||||
"name": "battery 32 px.1",
|
||||
"font_class": "batterypx",
|
||||
"unicode": "e610",
|
||||
"unicode_decimal": 58896
|
||||
},
|
||||
{
|
||||
"icon_id": "6775643",
|
||||
"name": "电表_实体",
|
||||
"font_class": "dianbiao_shiti",
|
||||
"unicode": "eca1",
|
||||
"unicode_decimal": 60577
|
||||
},
|
||||
{
|
||||
"icon_id": "6826531",
|
||||
"name": "变压器运行评价",
|
||||
"font_class": "bianyaqiyunhangpingjia",
|
||||
"unicode": "e600",
|
||||
"unicode_decimal": 58880
|
||||
},
|
||||
{
|
||||
"icon_id": "7045021",
|
||||
"name": "电表",
|
||||
"font_class": "dianbiao1",
|
||||
"unicode": "e602",
|
||||
"unicode_decimal": 58882
|
||||
},
|
||||
{
|
||||
"icon_id": "8057318",
|
||||
"name": "pcs",
|
||||
"font_class": "pcs",
|
||||
"unicode": "e611",
|
||||
"unicode_decimal": 58897
|
||||
},
|
||||
{
|
||||
"icon_id": "8441718",
|
||||
"name": "电表",
|
||||
"font_class": "dianbiao2",
|
||||
"unicode": "e688",
|
||||
"unicode_decimal": 59016
|
||||
},
|
||||
{
|
||||
"icon_id": "12293731",
|
||||
"name": "资源 2",
|
||||
"font_class": "ziyuan",
|
||||
"unicode": "e866",
|
||||
"unicode_decimal": 59494
|
||||
},
|
||||
{
|
||||
"icon_id": "12718310",
|
||||
"name": "pcs",
|
||||
"font_class": "pcs1",
|
||||
"unicode": "e601",
|
||||
"unicode_decimal": 58881
|
||||
},
|
||||
{
|
||||
"icon_id": "22678712",
|
||||
"name": "功能-电动机",
|
||||
"font_class": "gongneng-diandongji",
|
||||
"unicode": "e65a",
|
||||
"unicode_decimal": 58970
|
||||
},
|
||||
{
|
||||
"icon_id": "23420639",
|
||||
"name": "电表",
|
||||
"font_class": "dianbiao3",
|
||||
"unicode": "e6a7",
|
||||
"unicode_decimal": 59047
|
||||
},
|
||||
{
|
||||
"icon_id": "31086873",
|
||||
"name": "PCS",
|
||||
"font_class": "weibiaoti-1-02-02",
|
||||
"unicode": "e612",
|
||||
"unicode_decimal": 58898
|
||||
},
|
||||
{
|
||||
"icon_id": "38212288",
|
||||
"name": "电表",
|
||||
"font_class": "dianbiao4",
|
||||
"unicode": "e625",
|
||||
"unicode_decimal": 58917
|
||||
},
|
||||
{
|
||||
"icon_id": "40121596",
|
||||
"name": "单体电池",
|
||||
"font_class": "dantidianchi",
|
||||
"unicode": "e76b",
|
||||
"unicode_decimal": 59243
|
||||
},
|
||||
{
|
||||
"icon_id": "42346006",
|
||||
"name": "BMS-copy",
|
||||
"font_class": "BMS",
|
||||
"unicode": "e63e",
|
||||
"unicode_decimal": 58942
|
||||
},
|
||||
{
|
||||
"icon_id": "43101168",
|
||||
"name": "BMS通用",
|
||||
"font_class": "BMStongyong",
|
||||
"unicode": "e80c",
|
||||
"unicode_decimal": 59404
|
||||
},
|
||||
{
|
||||
"icon_id": "43866831",
|
||||
"name": "PCS-copy",
|
||||
"font_class": "PCS",
|
||||
"unicode": "e603",
|
||||
"unicode_decimal": 58883
|
||||
}
|
||||
]
|
||||
}
|
||||
BIN
static/font_ems/iconfont.ttf
Normal file
BIN
static/font_ems/iconfont.ttf
Normal file
Binary file not shown.
BIN
static/font_ems/iconfont.woff
Normal file
BIN
static/font_ems/iconfont.woff
Normal file
Binary file not shown.
BIN
static/font_ems/iconfont.woff2
Normal file
BIN
static/font_ems/iconfont.woff2
Normal file
Binary file not shown.
@ -3,4 +3,5 @@
|
||||
// color-ui
|
||||
@import "@/static/scss/colorui.css";
|
||||
// iconfont
|
||||
@import "@/static/font/iconfont.css";
|
||||
@import "@/static/font_ems/iconfont.css";
|
||||
@import "@/static/font/iconfont.css";
|
||||
|
||||
Reference in New Issue
Block a user