Skip to content

polysoft-nafmii / polysoft-h5

Go to a project
Commit 4eee56fc by fanx
Options

注册发行

1 parent 3e699466
Inline Side-by-side
Showing 19 changed files with 312 additions and 195 deletions
package.json
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
"cropperjs": "^1.5.11", "cropperjs": "^1.5.11",
"js-cookie": "^2.2.1", "js-cookie": "^2.2.1",
"lib-flexible": "^0.3.2", "lib-flexible": "^0.3.2",
"vant": "2.5.7", "vant": "2.12.6",
"vconsole": "^3.4.1", "vconsole": "^3.4.1",
"vue": "^2.6.11", "vue": "^2.6.11",
"vue-i18n": "^8.24.3", "vue-i18n": "^8.24.3",
......
src/assets/css/common.less
...@@ -170,33 +170,7 @@ html { ...@@ -170,33 +170,7 @@ html {
} }
} }
.van-list__finished-text {
position: relative;
&::before {
content: "";
background-color: #999;
height: 4px;
transform: scale(1, 0.3);
width: 100px;
position: absolute;
top: 50%;
margin-top: -3px;
left: 120px;
}
&::after {
content: "";
background-color: #999;
height: 4px;
transform: scale(1, 0.3);
width: 100px;
position: absolute;
top: 50%;
margin-top: -3px;
right: 120px;
}
}
.noList { .noList {
.van-list__finished-text { .van-list__finished-text {
...@@ -209,15 +183,6 @@ html { ...@@ -209,15 +183,6 @@ html {
top: 93%; top: 93%;
} }
// picc底部样式
.van-list__finished-text::before {
left: 2.1rem;
}
.van-list__finished-text::after {
right: 2.1rem;
}
input { input {
border: none; border: none;
} }
......
src/assets/css/sprite.less
...@@ -5,34 +5,35 @@ ...@@ -5,34 +5,35 @@
.icon-bg-member-result { width: 1212px; height: 717px; background-position: 0px 0px; } .icon-bg-member-result { width: 1212px; height: 717px; background-position: 0px 0px; }
.icon-bg-member { width: 828px; height: 406px; background-position: -2080px -432px; } .icon-bg-member { width: 828px; height: 406px; background-position: -2080px -432px; }
.icon-bg-mine { width: 828px; height: 340px; background-position: -2080px -1238px; } .icon-bg-mine { width: 828px; height: 340px; background-position: -2080px -1238px; }
.icon-center-about { width: 36px; height: 36px; background-position: -2319px -1598px; } .icon-center-about { width: 36px; height: 36px; background-position: -2383px -1598px; }
.icon-center-collect { width: 36px; height: 36px; background-position: -2375px -1598px; } .icon-center-collect { width: 36px; height: 36px; background-position: -2439px -1598px; }
.icon-center-feedback { width: 36px; height: 36px; background-position: -2431px -1598px; } .icon-center-feedback { width: 36px; height: 36px; background-position: -2495px -1598px; }
.icon-center-message { width: 36px; height: 36px; background-position: -2487px -1598px; } .icon-center-message { width: 36px; height: 36px; background-position: -2551px -1598px; }
.icon-center-question { width: 36px; height: 36px; background-position: -2543px -1598px; } .icon-center-question { width: 36px; height: 36px; background-position: -2607px -1598px; }
.icon-center-setting { width: 36px; height: 36px; background-position: -2599px -1598px; } .icon-center-setting { width: 36px; height: 36px; background-position: -2663px -1598px; }
.icon-center-study { width: 36px; height: 36px; background-position: -2655px -1598px; } .icon-center-study { width: 36px; height: 36px; background-position: -2719px -1598px; }
.icon-change-member { width: 90px; height: 90px; background-position: -1514px -526px; } .icon-change-member { width: 90px; height: 90px; background-position: -1514px -526px; }
.icon-change-membership { width: 1155px; height: 303px; background-position: 0px -737px; } .icon-change-membership { width: 1155px; height: 303px; background-position: 0px -737px; }
.icon-change-name { width: 1155px; height: 303px; background-position: 0px -1060px; } .icon-change-name { width: 1155px; height: 303px; background-position: 0px -1060px; }
.icon-change-representive { width: 1155px; height: 303px; background-position: 0px -1383px; } .icon-change-representive { width: 1155px; height: 303px; background-position: 0px -1383px; }
.icon-email { width: 36px; height: 36px; background-position: -2711px -1598px; } .icon-email { width: 36px; height: 36px; background-position: -2775px -1598px; }
.icon-empty { width: 36px; height: 36px; background-position: -2767px -1598px; } .icon-empty { width: 36px; height: 36px; background-position: -2831px -1598px; }
.icon-icon-arrow-right { width: 10px; height: 18px; background-position: -2879px -1598px; } .icon-icon-arrow-right { width: 10px; height: 18px; background-position: -2887px -1598px; }
.icon-icon-classify { width: 30px; height: 30px; background-position: -1340px -670px; } .icon-icon-classify { width: 30px; height: 30px; background-position: -1396px -670px; }
.icon-icon-clock { width: 30px; height: 30px; background-position: -1390px -670px; } .icon-icon-clock { width: 30px; height: 30px; background-position: -1446px -670px; }
.icon-join-member { width: 90px; height: 90px; background-position: -1624px -526px; } .icon-join-member { width: 90px; height: 90px; background-position: -1624px -526px; }
.icon-logo-2 { width: 118px; height: 112px; background-position: -1376px -526px; } .icon-logo-2 { width: 118px; height: 112px; background-position: -1376px -526px; }
.icon-logo { width: 224px; height: 224px; background-position: -1175px -737px; } .icon-logo { width: 224px; height: 224px; background-position: -1175px -737px; }
.icon-password { width: 36px; height: 36px; background-position: -2823px -1598px; } .icon-password { width: 36px; height: 36px; background-position: -1910px -526px; }
.icon-pdf { width: 46px; height: 60px; background-position: -1844px -526px; } .icon-pdf { width: 46px; height: 60px; background-position: -1844px -526px; }
.icon-photo-default { width: 124px; height: 124px; background-position: -1232px -526px; } .icon-photo-default { width: 124px; height: 124px; background-position: -1232px -526px; }
.icon-question-icon { width: 36px; height: 36px; background-position: -1910px -526px; } .icon-question-icon { width: 36px; height: 36px; background-position: -1966px -526px; }
.icon-quit-member { width: 90px; height: 90px; background-position: -1734px -526px; } .icon-quit-member { width: 90px; height: 90px; background-position: -1734px -526px; }
.icon-shtyxydm { width: 54px; height: 54px; background-position: -2180px -1598px; } .icon-shtyxydm { width: 54px; height: 54px; background-position: -2180px -1598px; }
.icon-tel { width: 36px; height: 36px; background-position: -1966px -526px; }
.icon-time-update { width: 45px; height: 45px; background-position: -2254px -1598px; }
.icon-user-question { width: 32px; height: 36px; background-position: -1288px -670px; }
.icon-user { width: 36px; height: 36px; background-position: -2022px -526px; }
.icon-verification { width: 36px; height: 36px; background-position: -1232px -670px; }
.icon-wechat { width: 80px; height: 78px; background-position: -2080px -1598px; }
\ No newline at end of file \ No newline at end of file
.icon-tel { width: 36px; height: 36px; background-position: -2022px -526px; }
.icon-time-update { width: 45px; height: 45px; background-position: -2318px -1598px; }
.icon-user-question { width: 32px; height: 36px; background-position: -1344px -670px; }
.icon-user { width: 36px; height: 36px; background-position: -1232px -670px; }
.icon-verification { width: 36px; height: 36px; background-position: -1288px -670px; }
.icon-wechat { width: 80px; height: 78px; background-position: -2080px -1598px; }
.icon-filter { width: 44px; height: 50px; background-position: -2254px -1598px; }
\ No newline at end of file \ No newline at end of file
src/assets/images/sprite.png
src/assets/images/sprite.png

1.47 MB | W: | H:

src/assets/images/sprite.png

1.47 MB | W: | H:

src/assets/images/sprite.png
src/assets/images/sprite.png
src/assets/images/sprite.png
src/assets/images/sprite.png
  • 2-up
  • Swipe
  • Onion skin
src/i18n/index.js
...@@ -9,7 +9,7 @@ console.log('lang',lang) ...@@ -9,7 +9,7 @@ console.log('lang',lang)
// 通过选项创建 VueI18n 实例 // 通过选项创建 VueI18n 实例
export default new VueI18n({ export default new VueI18n({
locale: 'zh', // 设置地区 locale: lang, // 设置地区
messages, // 设置地区信息 messages, // 设置地区信息
silentTranslationWarn: true silentTranslationWarn: true
}) })
......
src/i18n/lang/title/index.js
...@@ -6,6 +6,7 @@ const titleEn = { ...@@ -6,6 +6,7 @@ const titleEn = {
collect: 'Collection', collect: 'Collection',
study: 'Study', study: 'Study',
question: 'Question', question: 'Question',
questionDetail: 'QuestionDetail',
feedBack: 'FeedBack', feedBack: 'FeedBack',
about: 'About', about: 'About',
setting: 'Setting', setting: 'Setting',
...@@ -19,6 +20,7 @@ const titleEn = { ...@@ -19,6 +20,7 @@ const titleEn = {
nationality: 'Edit Nationality', nationality: 'Edit Nationality',
email: 'Edit Email', email: 'Edit Email',
company: 'Edit Compnay', company: 'Edit Compnay',
regIssue: 'Register Issue'
} }
} }
const titleZh = { const titleZh = {
...@@ -29,6 +31,7 @@ const titleZh = { ...@@ -29,6 +31,7 @@ const titleZh = {
collect: '我的收藏', collect: '我的收藏',
study: '我的学习', study: '我的学习',
question: '常见问题', question: '常见问题',
questionDetail: '常见问题详情',
feedBack: '意见反馈', feedBack: '意见反馈',
about: '关于协会', about: '关于协会',
setting: '设置', setting: '设置',
...@@ -41,7 +44,8 @@ const titleZh = { ...@@ -41,7 +44,8 @@ const titleZh = {
name: '设置姓名', name: '设置姓名',
nationality: '设置国籍', nationality: '设置国籍',
email: '设置邮箱', email: '设置邮箱',
company: '设置单位' company: '设置单位',
regIssue: '注册发行'
} }
} }
export default { export default {
......
src/i18n/lang/user/setting.js
...@@ -13,7 +13,7 @@ const settingEn = { ...@@ -13,7 +13,7 @@ const settingEn = {
const settingZh = { const settingZh = {
setting: { setting: {
language: '多语言', language: '多语言',
bindWechat: '绑定微信', bindWechat: '微信绑定',
resetPassword: '重置密码', resetPassword: '重置密码',
privacyPolicy: '隐私政策', privacyPolicy: '隐私政策',
serviceAgreement: '服务协议', serviceAgreement: '服务协议',
......
src/router/index.js
...@@ -4,6 +4,7 @@ import Home from '@/views/home/index.vue' ...@@ -4,6 +4,7 @@ import Home from '@/views/home/index.vue'
import userRouter from './modules/user' import userRouter from './modules/user'
import memberRouter from './modules/member' import memberRouter from './modules/member'
import qulificationRouter from './modules/qualification' import qulificationRouter from './modules/qualification'
import regIssueRouter from './modules/regIssue'
import { NativeMenuApi } from '@/api/NativeApis' import { NativeMenuApi } from '@/api/NativeApis'
const APP_ENV = process.env.VUE_APP_NODE_ENV const APP_ENV = process.env.VUE_APP_NODE_ENV
...@@ -39,7 +40,7 @@ const routes = [ ...@@ -39,7 +40,7 @@ const routes = [
}, },
component: () => import(/* webpackChunkName: "catalog" */ '@/views/catalog/') // 首页 component: () => import(/* webpackChunkName: "catalog" */ '@/views/catalog/') // 首页
} }
].concat(userRouter, memberRouter, qulificationRouter) ].concat(userRouter, memberRouter, qulificationRouter, regIssueRouter)
const router = new VueRouter({ const router = new VueRouter({
routes routes
......
src/router/modules/regIssue.js 0 → 100644
const regIssueRouter = [
{
path: '/regIssue',
name: 'RegIssue',
meta: {
title: '注册发行',
isLogin: false
},
component: () => import(/* webpackChunkName: "regIssue" */ '@/views/regIssue/index.vue') // 注册发行
},
]
export default regIssueRouter
\ No newline at end of file \ No newline at end of file
src/router/modules/user.js
...@@ -112,7 +112,7 @@ const userRouter = [ ...@@ -112,7 +112,7 @@ const userRouter = [
path: '/user/questionDetail', path: '/user/questionDetail',
name: 'QuestionDetail', name: 'QuestionDetail',
meta: { meta: {
title: '常见问题', title: '常见详情',
isLogin: false isLogin: false
}, },
component: () => import(/* webpackChunkName: "questionDetail" */ '@/views/user/question/detail.vue') // 常见问题详情 component: () => import(/* webpackChunkName: "questionDetail" */ '@/views/user/question/detail.vue') // 常见问题详情
......
src/utils/vant-ui.js
...@@ -29,7 +29,9 @@ import { ...@@ -29,7 +29,9 @@ import {
DatetimePicker, DatetimePicker,
Search, Search,
IndexBar, IndexBar,
IndexAnchor IndexAnchor,
Sidebar,
SidebarItem
} from 'vant' } from 'vant'
import NafmHeader from '@/components/NafmHeader' import NafmHeader from '@/components/NafmHeader'
...@@ -69,7 +71,9 @@ import FooterBottom from '@/components/FooterBottom' ...@@ -69,7 +71,9 @@ import FooterBottom from '@/components/FooterBottom'
DatetimePicker, DatetimePicker,
Search, Search,
IndexBar, IndexBar,
IndexAnchor IndexAnchor,
Sidebar,
SidebarItem
].forEach(item => Vue.use(item)) ].forEach(item => Vue.use(item))
// 先预制，后期做统一调整 // 先预制，后期做统一调整
......
src/views/regIssue/index.vue 0 → 100644
<template>
<div class="regIssue_container">
<NafmHeader :title="$t('title.regIssue')" navClass="nafmii-head-bg3">
<template #bottom>
<SearchFirst class="common_search" placeholder="请输入企业名称/注册报告名称/主承销商" />
<img :src="require('@/assets/icon/filter.png')" class="filter" @click="show=true" />
</template>
</NafmHeader>
<div class="regIssue_content">
<van-list v-model="loading" :finished="finished" finished-text="已经到底了" @load="onLoad">
<div class="regIssue_list">
<div class="regIssue_item" v-for="(item,index) in list" :key="index">
<h3>{{item.title}}</h3>
<div class="bottom">
<div class="btm_left">
<img :src="require('@/assets/icon/time_update.png')">
<span class="time">更新日期：{{item.time}} </span>
</div>
<div class="btm_right">{{item.type}}</div>
</div>
</div>
</div>
</van-list>
</div>
<van-popup v-model="show" position="right" :style="{ height: '100%',width: '85%' }">
<div class="filter_container">
<h3>项目状态</h3>
<div class="status_list">
</div>
<h3>品种</h3>
<div class="class_list">
</div>
</div>
</van-popup>
</div>
</template>
<script>
import SearchFirst from '@/components/SearchFirst'
export default {
name: 'RegIssue',
components: {
SearchFirst
},
data() {
return {
loading: false,
finished: false,
show: false,
list: [
{
title: '南京市高淳区城市投资有限公司关于发行2021年度第一期中期票据的注册报告',
time: '2021-4-12',
type: 'MTN'
},
{
title: '南京市高淳区城市投资有限公司关于发行2021年度第一期中期票据的注册报告',
time: '2021-4-12',
type: 'MTN'
}
]
}
},
methods: {
onLoad() {
this.finished = true
this.loading = false
}
}
}
</script>
<style lang="less" scoped>
@import "~@/assets/css/search.less";
/deep/ .nav_bottom_container {
display: flex;
flex-direction: row;
align-items: center;
.filter {
width: 18px;
height: 21px;
margin-left: 15px;
}
}
.common_search {
display: flex;
flex: 1;
width: auto;
}
.regIssue_list {
padding: 0 15px;
.regIssue_item {
padding: 10px 0 12px 0;
border-bottom: 1px solid #f8f8f8;
display: flex;
flex-direction: column;
h3 {
color: #222;
font-size: 16px;
}
.bottom {
display: flex;
flex-direction: row;
margin-top: 10px;
color: #888d8d;
font-size: 12px;
justify-content: space-between;
.btm_left {
display: flex;
align-items: center;
}
img {
width: 17px;
height: 17px;
margin-right: 7px;
}
}
}
}
</style>
\ No newline at end of file \ No newline at end of file
src/views/user/question/detail.vue
<template> <template>
<div class="detail_container"> <div class="detail_container">
<NafmHeader :title="title" navClass="nafmii-head-bg3" /> <NafmHeader :title="$t('title.questionDetail')" navClass="nafmii-head-bg3" />
<div class="detail_content"> <div class="detail_content">
<div class="content"> <div class="title">入会准备资料</div>
111 <div class="time">
</div> <span>发布时间</span>2021-4-12
<div class="other_question question_some">
<h3>相关问题</h3>
<van-cell :title="item.title" v-for="(item,index) in list" :key="index" center is-link @click="jumpDetail(item.id)" />
</div> </div>
<div class="content"></div>
</div> </div>
</div> </div>
...@@ -18,18 +16,17 @@ export default { ...@@ -18,18 +16,17 @@ export default {
name: 'QuestionDetail', name: 'QuestionDetail',
data() { data() {
return { return {
title: '详情',
list: [ list: [
{ id: '1', type: '产品创新', title: '问题一问题一问题一问题一问题一问题一问题一问题一问题一问题一' }, { id: '1', type: '产品创新', title: '问题一问题一问题一问题一问题一问题一问题一问题一问题一问题一' },
{ id: '2', type: '产品创新', title: '问题二问题二问题二问题二问题二问题二问题二问题二问题二问题二' }, { id: '2', type: '产品创新', title: '问题二问题二问题二问题二问题二问题二问题二问题二问题二问题二' },
] ]
} }
}, },
mounted(){ mounted() {
// api 获取问题详情页面 // api 获取问题详情页面
}, },
methods:{ methods: {
} }
} }
</script> </script>
...@@ -37,13 +34,29 @@ export default { ...@@ -37,13 +34,29 @@ export default {
@import "./less/index.less"; @import "./less/index.less";
.detail_container { .detail_container {
height: 100vh; height: 100vh;
.content {
height: 200px;
}
} }
.detail_content { .detail_content {
width: 384px; padding: 15px;
margin: 15px auto; display: flex;
flex-direction: column;
align-items: center;
.title {
color: #333;
font-size: 19px;
margin-bottom: 8px;
}
.time {
width: 100%;
display: flex;
flex-direction: row;
justify-content: flex-end;
color: #888d8d;
span {
margin-right: 15px;
}
}
.content {
margin-bottom: 30px;
}
} }
</style> </style>
\ No newline at end of file \ No newline at end of file
src/views/user/question/list.vue
<template> <template>
<div class="question_list"> <div class="question_container">
<NafmHeader :title="$t('title.question')" navClass="nafmii-head-bg3"></NafmHeader> <NafmHeader :title="$t('title.question')" navClass="nafmii-head-bg3"></NafmHeader>
<!-- <template #bottom>
<SearchFirst @jumpPage="jumpPage" :placeholder="placeholder" />
</template> -->
<div class="question_content"> <div class="question_content">
<h2>{{$t('question.classification')}}</h2> <van-sidebar v-model="activeKey" class="left_menu">
<div class="question_type"> <van-sidebar-item v-for="(item,index) in menu" :key="index">
<ul> <template #title>
<li @click="jumpQuestion()"> <img :src="item.icon">
<img :src="icon" alt=""> <span>{{item.name}}</span>
<span>产品创新</span> </template>
</li> </van-sidebar-item>
<li> </van-sidebar>
<img :src="icon" alt=""> <div class="right_content">
<span>产品创新</span> <div class="list_content">
</li> <van-cell :title="item.title" center is-link v-for="(item,index) in list" @click="jumpDetail(item.id)" :key="index" />
<li> </div>
<img :src="icon" alt="">
<span>产品创新</span>
</li>
<li>
<img :src="icon" alt="">
<span>产品创新</span>
</li>
</ul>
</div>
<div class="question_some">
<h3>常见问题</h3>
<van-cell :title="item.title" v-for="(item,index) in list" :key="index" center is-link @click="jumpDetail(item.id)" />
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
// import SearchFirst from '@/components/SearchFirst.vue';
export default { export default {
name: 'Question', name: 'Question',
components: {
// SearchFirst
},
data() { data() {
return { return {
icon: require('@/assets/icon/question_icon.png'), icon: require('@/assets/icon/question_icon.png'),
placeholder: this.$t('question.askPlaceholder'),
list: [ list: [
{ id: '1', type: '产品创新', title: '问题一问题一问题一问题一问题一问题一问题一问题一问题一问题一' }, { id: '1', type: '产品创新', title: '1问题一问题一问题一问题' },
{ id: '2', type: '产品创新', title: '2问题二问题二问题二问题' },
{ id: '2', type: '产品创新', title: '问题二问题二问题二问题二问题二问题二问题二问题二问题二问题二' }, { id: '2', type: '产品创新', title: '问题二问题二问题二问题二问题二问题二问题二问题二问题二问题二' },
] ],
menu: [{
icon: require('@/assets/icon/question_icon.png'),
name: '产品创新1',
id: 1.
}, {
icon: require('@/assets/icon/question_icon.png'),
name: '产品创新',
id: 1.
}, {
icon: require('@/assets/icon/question_icon.png'),
name: '产品创新',
id: 1.
}],
activeKey: 0
} }
}, },
methods: { methods: {
...@@ -56,10 +51,6 @@ export default { ...@@ -56,10 +51,6 @@ export default {
name: 'Home' name: 'Home'
}) })
}, },
jumpQuestion() {
},
// 跳转问题详情 // 跳转问题详情
jumpDetail(id) { jumpDetail(id) {
this.$router.push({ this.$router.push({
...@@ -74,61 +65,59 @@ export default { ...@@ -74,61 +65,59 @@ export default {
} }
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
@import './less/index.less'; @import "./less/index.less";
.question_container {
overflow-y: hidden;
height: 100%;
}
.question_content { .question_content {
width: 384px;
margin: 16px auto;
display: flex; display: flex;
flex-direction: column; flex-direction: row;
h2 { height: calc(100vh - 41px);
position: relative; }
display: flex; /deep/ .van-sidebar-item {
height: 30px; width: 125px !important;
font-size: 19px; padding: 0;
color: #222; height: 56px;
border-bottom: 1px solid #c9dbeb; display: flex;
&:after { justify-content: center;
content: ""; background-color: #f6f6f6;
position: absolute; }
left: 0; /deep/ .van-sidebar-item__text {
top: 29px; display: flex;
width: 76px; align-items: center;
border-bottom: 3px solid #135faa; }
} .left_menu {
} height: 100%;
.question_type { overflow-y: scroll;
margin: 25px 0; width: 125px !important;
} background-color: #f6f6f6;
ul { img {
display: flex; width: 18px;
flex-direction: row; height: 18px;
flex-wrap: wrap; margin-right: 10px;
li {
flex: 0 0 121px;
display: flex;
width: 121px;
height: 42px;
margin-bottom: 10px;
justify-content: center;
align-items: center;
border-radius: 8px;
background-color: rgba(255, 255, 255, 1);
box-shadow: 0px 0px 6px 0px rgba(2, 15, 41, 0.06);
margin-right: 10px;
&:nth-child(3n + 3) {
margin-right: 0;
}
img {
width: 18px;
height: 18px;
margin-right: 7px;
}
span {
color: #333;
font-size: 16px;
}
}
} }
} }
.right_content {
height: 100%;
overflow-y: scroll;
display: flex;
flex-direction: column;
flex: 1;
}
/deep/ .van-sidebar-item--select::before {
height: 29px;
width: 3px;
background-color: #135faa;
}
/deep/ .van-sidebar-item--select {
color: #135faa;
background-color: #fff;
}
.van-cell__title {
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
white-space: nowrap;
}
</style> </style>
\ No newline at end of file \ No newline at end of file
src/views/user/question/search.vue deleted 100644 → 0
<template>
<div class="search_container">
</div>
</template>
<script>
export default {
name: 'Search'
}
</script>
\ No newline at end of file \ No newline at end of file
src/views/user/setting/index.vue
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
</van-cell> </van-cell>
<van-cell :title="$t('setting.bindWechat')" center is-link @click="jumpMessagePage('wechat')" value-class="right_content"> <van-cell :title="$t('setting.bindWechat')" center is-link @click="jumpMessagePage('wechat')" value-class="right_content">
<template #default> <template #default>
含笑一过 {{wechatNick}}
</template> </template>
</van-cell> </van-cell>
<van-cell :title="$t('setting.resetPassword')" center is-link @click="jumpMessagePage('reset')" value-class="right_content" /> <van-cell :title="$t('setting.resetPassword')" center is-link @click="jumpMessagePage('reset')" value-class="right_content" />
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
</van-cell> </van-cell>
--> -->
<van-cell title="系统字体设置" center is-link @click="showSysFont=true" value-class="right_content"> <van-cell title="字体大小" center is-link @click="showSysFont=true" value-class="right_content">
<template #default> <template #default>
<span>{{sysFontText}}</span> <span>{{sysFontText}}</span>
</template> </template>
...@@ -63,9 +63,10 @@ export default { ...@@ -63,9 +63,10 @@ export default {
showZhEn: false, // 弹出中英文设置 showZhEn: false, // 弹出中英文设置
fingerprintChecked: false, // 指纹ID解锁状态 fingerprintChecked: false, // 指纹ID解锁状态
faceIdChecked: false, // 面容ID解锁状态 faceIdChecked: false, // 面容ID解锁状态
wechatNick: '',// 微信昵称
showSysFont: false, showSysFont: false,
sysFontText: '标准', sysFontText: getLocalStorage('sysFontText') || '标准字体',
columns: [{ text: '较小', value: 98 }, { text: '标准', value: 100 }, { text: '较大', value: 110 }, { text: '超大', value: 120 }], columns: [{ text: '特大字体', value: 120 }, { text: '大字体', value: 110 }, { text: '标准字体', value: 100 }, { text: '小字体', value: 98 }],
} }
}, },
mounted() { mounted() {
...@@ -162,6 +163,7 @@ export default { ...@@ -162,6 +163,7 @@ export default {
// 切换字体大小 // 切换字体大小
onConfirm(opt) { onConfirm(opt) {
this.sysFontText = opt.text this.sysFontText = opt.text
setLocalStorage('sysFontText', this.sysFontText)
const size = opt.value const size = opt.value
NativeApi.nativeTextZoom({ NativeApi.nativeTextZoom({
value: size value: size
......
yarn.lock
...@@ -919,6 +919,11 @@ ...@@ -919,6 +919,11 @@
resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-1.1.3.tgz#2b5a3ab3f918cca48a8c754c08168e3f03eba61b" resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-1.1.3.tgz#2b5a3ab3f918cca48a8c754c08168e3f03eba61b"
integrity sha512-shAmDyaQC4H92APFoIaVDHCx5bStIocgvbwQyxPRrbUY20V1EYTbSDchWbuwlMG3V17cprZhA6+78JfB+3DTPw== integrity sha512-shAmDyaQC4H92APFoIaVDHCx5bStIocgvbwQyxPRrbUY20V1EYTbSDchWbuwlMG3V17cprZhA6+78JfB+3DTPw==
"@popperjs/core@^2.9.2":
version "2.9.2"
resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.9.2.tgz#adea7b6953cbb34651766b0548468e743c6a2353"
integrity sha512-VZMYa7+fXHdwIq1TDhSXoVmSPEGM/aa+6Aiq3nVVJ9bXr24zScr+NlKFKC3iPljA7ho/GAZr+d2jOf5GIRC30Q==
"@soda/friendly-errors-webpack-plugin@^1.7.1": "@soda/friendly-errors-webpack-plugin@^1.7.1":
version "1.8.0" version "1.8.0"
resolved "https://registry.yarnpkg.com/@soda/friendly-errors-webpack-plugin/-/friendly-errors-webpack-plugin-1.8.0.tgz#84751d82a93019d5c92c0cf0e45ac59087cd2240" resolved "https://registry.yarnpkg.com/@soda/friendly-errors-webpack-plugin/-/friendly-errors-webpack-plugin-1.8.0.tgz#84751d82a93019d5c92c0cf0e45ac59087cd2240"
...@@ -1103,10 +1108,17 @@ ...@@ -1103,10 +1108,17 @@
"@types/webpack-sources" "*" "@types/webpack-sources" "*"
source-map "^0.6.0" source-map "^0.6.0"
"@vant/icons@1.2.1": "@vant/icons@1.5.2":
version "1.2.1" version "1.5.2"
resolved "https://registry.yarnpkg.com/@vant/icons/-/icons-1.2.1.tgz#309fecb97a4989866f045ce676b545c454701c8f" resolved "https://registry.yarnpkg.com/@vant/icons/-/icons-1.5.2.tgz#3f3ea353a0eacd38c113757bd31836489facb10b"
integrity sha512-5ivsKQR4ySbdBW5UPoQDVqO6rdc1um3rvq/0VL+ZSA7Y3MdBQ3E4/NL0hoAY5/sZZeYfIDKEP21gpjUzdeEDQQ== integrity sha512-Gy2mFIgObvCh1azp6LklQYsNFrCjMLxf/mEzHD6WV0pZbMBNjsb7bWvAjPo3Wygo9IVtGqi/36wrtosv3PkyRg==
"@vant/popperjs@^1.0.0":
version "1.1.0"
resolved "https://registry.yarnpkg.com/@vant/popperjs/-/popperjs-1.1.0.tgz#b4edee5bbfa6fb18705986e313d4fd5f17942a0f"
integrity sha512-8MD1gz146awV/uPxYjz4pet22f7a9YVKqk7T+gFkWFwT9mEcrIUEg/xPrdOnWKLP9puXyYtm7oVfSDSefZ/p/w==
dependencies:
"@popperjs/core" "^2.9.2"
"@vue/babel-helper-vue-jsx-merge-props@^1.0.0", "@vue/babel-helper-vue-jsx-merge-props@^1.2.1": "@vue/babel-helper-vue-jsx-merge-props@^1.0.0", "@vue/babel-helper-vue-jsx-merge-props@^1.2.1":
version "1.2.1" version "1.2.1"
...@@ -8849,13 +8861,14 @@ validate-npm-package-license@^3.0.1: ...@@ -8849,13 +8861,14 @@ validate-npm-package-license@^3.0.1:
spdx-correct "^3.0.0" spdx-correct "^3.0.0"
spdx-expression-parse "^3.0.0" spdx-expression-parse "^3.0.0"
vant@2.5.7: vant@2.12.6:
version "2.5.7" version "2.12.6"
resolved "https://registry.yarnpkg.com/vant/-/vant-2.5.7.tgz#b8cdbd77366c6e32d149c7bbd67b9ec4ea1b908d" resolved "https://registry.yarnpkg.com/vant/-/vant-2.12.6.tgz#6edfb0d673236e5434d2e0c208ec66a81afcb7f2"
integrity sha512-JD5SxrSI1K0cKTDx0d+UNd/we576WznGNv19ZrhEK943aP8NxyDZ9oI4ZpnR4VmMjTxdANB4JW0CqqeXHMMZ1w== integrity sha512-mX5To5Z0w9lRuZi9SYQhP48DFk5bw6E/zgu0JEyk6RHdbbzjXEHp6+WqSa1Mb85vx9sdMMDWf/BJNXFwcCViyQ==
dependencies: dependencies:
"@babel/runtime" "7.x" "@babel/runtime" "7.x"
"@vant/icons" "1.2.1" "@vant/icons" "1.5.2"
"@vant/popperjs" "^1.0.0"
"@vue/babel-helper-vue-jsx-merge-props" "^1.0.0" "@vue/babel-helper-vue-jsx-merge-props" "^1.0.0"
vue-lazyload "1.2.3" vue-lazyload "1.2.3"
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!