kubbo/dvcp_v2_wxcp_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

通讯录=>电话簿

Browse Source
This commit is contained in:
aixianling
2022-03-15 16:38:08 +08:00
parent c3a517184e
commit cd8aa29239
2 changed files with 9 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/saas/AppMailList/AppMailList.vue
View File

@@ -7,7 +7,7 @@
<u-index-list :scrollTop="scrollTop" :index-list="indexList"> <u-index-list :scrollTop="scrollTop" :index-list="indexList">
<div v-for="(letter, index) in indexList" :key="index"> <div v-for="(letter, index) in indexList" :key="index">
<u-index-anchor :index="letter"/> <u-index-anchor :index="letter"/>
<div class="item" v-for="(item, index) in list.filter(e=>e.nameInitials==letter)"> <div class="item" v-for="(item, index) in list.filter(e=>e.nameInitials==letter)" :key="index">
<div class="title">{{item.label}}</div> <div class="title">{{item.label}}</div>
<div class="phone-list"> <div class="phone-list">
<div class="item-info"> <div class="item-info">
@@ -34,7 +34,7 @@
import { mapState } from 'vuex' import { mapState } from 'vuex'
export default { export default {
name: "AppMailList", name: "AppMailList",
appName: "便民通讯录", appName: "电话簿",
inject: { inject: {
root: {} root: {}
}, },
@@ -54,7 +54,7 @@ export default {
}) })
}, },
onShow() { onShow() {
document.title = "通讯录" document.title = "电话簿"
}, },
methods: { methods: {
@@ -125,7 +125,7 @@ export default {
width: 680px; width: 680px;
padding: 32px 48px; padding: 32px 48px;
box-sizing: border-box; box-sizing: border-box;
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.02); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.02);
p{ p{
font-size: 32px; font-size: 32px;
font-family: PingFangSC-Medium, PingFang SC; font-family: PingFangSC-Medium, PingFang SC;
@@ -135,7 +135,6 @@ export default {
word-break: break-all; word-break: break-all;
margin-bottom: 8px; margin-bottom: 8px;
width: 100%; width: 100%;
word-break: break-all;
} }
.phone{ .phone{
font-size: 26px; font-size: 26px;
@@ -159,7 +158,7 @@ export default {
height: 112px; height: 112px;
line-height: 112px; line-height: 112px;
background: #3975C6; background: #3975C6;
box-shadow: 0px 1px 0px 0px #EEEEEE; box-shadow: 0 1px 0 0 #EEEEEE;
position: fixed; position: fixed;
bottom: 0; bottom: 0;
left: 0; left: 0;

4
src/saas/AppMailList/myAddList.vue
View File

@@ -16,7 +16,7 @@
</div> </div>
<div class="empty" v-else> <div class="empty" v-else>
<img src="./img/empty.png" alt=""> <img src="./img/empty.png" alt="">
<p>您还未添加通讯录 <p>您还未添加电话簿
<!-- <br/>点击<span @click="edit('')">新增按钮</span>试试吧 --> <!-- <br/>点击<span @click="edit('')">新增按钮</span>试试吧 -->
</p> </p>
</div> </div>
@@ -152,7 +152,7 @@ export default {
height: 112px; height: 112px;
line-height: 112px; line-height: 112px;
background: #3975C6; background: #3975C6;
box-shadow: 0px 1px 0px 0px #EEEEEE; box-shadow: 0 1px 0 0 #EEEEEE;
position: fixed; position: fixed;
bottom: 0; bottom: 0;
left: 0; left: 0;