Skip to content

T
traceSourceMb
Commit 89efafb6 authored by chenqikuai's avatar chenqikuai
Browse files
Options

feat: 更新iconfont地址、更新弹出框组件UI、更新部分图标"

parent df2871ee
Hide whitespace changes
Inline Side-by-side
Showing with 56 additions and 25 deletions
public/index.html
View file @ 89efafb6
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> <link rel="icon" href="<%= BASE_URL %>favicon.ico">
<!-- <title><%= htmlWebpackPlugin.options.title %></title> --> <!-- <title><%= htmlWebpackPlugin.options.title %></title> -->
<title><%= VUE_APP_NAME %></title> <title><%= VUE_APP_NAME %></title>
<script src="//at.alicdn.com/t/font_1750816_fjvcnnzthp.js"></script> <script src="//at.alicdn.com/t/font_1750816_8787con57tr.js"></script>
</head> </head>
<body ontouchstart> <body ontouchstart>
......
src/components/MoreAction.vue
View file @ 89efafb6
<template> <template>
<van-popup v-model="showAction" round class="more-action" position="bottom"> <van-popup v-model="showAction" round class="more-action" position="bottom">
<div @click="handleClickClose" class="arrow-down">
<common-svg name="quxiao2x" width="40px"></common-svg>
</div>
<div class="action-title" v-if="title"> <div class="action-title" v-if="title">
<van-image <van-image
class="icon" class="icon"
...@@ -11,20 +14,18 @@ ...@@ -11,20 +14,18 @@
<div class="update-time">更新于 {{ date | formatTime }}</div> <div class="update-time">更新于 {{ date | formatTime }}</div>
</div> </div>
</div> </div>
<van-grid :column-num="3" :gutter="10" :border="false"> <div>
<van-grid-item <div
class="action-item"
v-for="({ icon, text, callback }, index) in menuList" v-for="({ icon, text, callback }, index) in menuList"
:key="index" :key="index"
icon="photo-o"
:text="text"
@click="actionHandler(callback)" @click="actionHandler(callback)"
> >
<template #icon> <common-svg :name="icon" width="20px" height="20px"></common-svg>
<common-svg :name="icon" width="44px" height="44px"></common-svg> <p class="text">{{ text }}</p>
</template> </div>
</van-grid-item> </div>
</van-grid> <div class="btn-cancel" @click="cancel">取消</div>
<van-button block round @click="cancel">取消</van-button>
</van-popup> </van-popup>
</template> </template>
...@@ -73,14 +74,35 @@ export default class MoreAction extends Vue { ...@@ -73,14 +74,35 @@ export default class MoreAction extends Vue {
private cancel() { private cancel() {
this.showAction = false; this.showAction = false;
} }
private handleClickClose() {
this.showAction = false;
}
} }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.more-action { .more-action {
.arrow-down {
display: flex;
justify-content: center;
align-items: flex-end;
height: 31px;
margin-bottom: 15px;
}
.action-item {
display: flex;
align-items: center;
height: 44px;
margin-left: 19px;
.text {
margin-left: 21px;
}
}
.action-title { .action-title {
display: flex; display: flex;
height: 33px; height: 33px;
margin: 0 16px; margin: 0 16px;
margin-bottom: 15px;
text-align: left; text-align: left;
.icon { .icon {
width: 28px; width: 28px;
...@@ -100,5 +122,15 @@ export default class MoreAction extends Vue { ...@@ -100,5 +122,15 @@ export default class MoreAction extends Vue {
color: #b6b5ba; color: #b6b5ba;
} }
} }
.btn-cancel {
border-top: 1px solid #cdcdcd;
text-align: center;
line-height: 50px;
height: 50px;
font-size: 16px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #b6b5ba;
}
} }
</style> </style>
src/mixins/proof.ts
View file @ 89efafb6
...@@ -14,55 +14,55 @@ export default class Proof extends Vue { ...@@ -14,55 +14,55 @@ export default class Proof extends Vue {
protected ActionList: any = { protected ActionList: any = {
blockChain: { blockChain: {
key: 'blockChain', key: 'blockChain',
icon: 'shanglian1', icon: 'shanglian',
text: '上链', text: '上链',
callback: this.blockChainProof, callback: this.blockChainProof,
}, },
edit: { edit: {
key: 'edit', key: 'edit',
icon: 'bianji1', icon: 'bianji2x',
text: '编辑', text: '编辑',
callback: this.goProofDetail, callback: this.goProofDetail,
}, },
del: { del: {
key: 'del', key: 'del',
icon: 'shanchu3', icon: 'shanchu2x',
text: '删除', text: '移至回收站',
callback: this.delProof, callback: this.delProof,
}, },
copy: { copy: {
key: 'copy', key: 'copy',
icon: 'fuzhi1', icon: 'chuangjianfuben2x',
text: '复制', text: '创建副本',
callback: this.copyProof, callback: this.copyProof,
}, },
blockquery: { blockquery: {
key: 'blockquery', key: 'blockquery',
icon: 'qukuailianchaxun', icon: 'qukuailianchaxun2x',
text: '区块链查询', text: '区块链查询',
callback: this.goToBrowser, callback: this.goToBrowser,
}, },
copyhash: { copyhash: {
key: 'copyhash', key: 'copyhash',
icon: 'fuzhiHashdizhi', icon: 'fuzhiHASHdizhi2x',
text: '复制hash地址', text: '复制hash地址',
callback: this.copyHash, callback: this.copyHash,
}, },
del2: { del2: {
key: 'del2', key: 'del2',
icon: 'shanchu3', icon: 'shanchu2x',
text: '删除', text: '移至回收站',
callback: this.abandonProof, callback: this.abandonProof,
}, },
zengliang: { zengliang: {
key: 'zengliang', key: 'zengliang',
icon: 'zenglianggengxin2', icon: 'shanglian',
text: '增量', text: '增量更新',
callback: this.increment, callback: this.increment,
}, },
hide: { hide: {
key: 'hide', key: 'hide',
icon: 'zenglianggengxin2', icon: 'yinsishezhi2x',
text: '隐私设置', text: '隐私设置',
callback: this.hide, callback: this.hide,
}, },
......
src/views/proof/Index.vue
View file @ 89efafb6
...@@ -307,7 +307,6 @@ header { ...@@ -307,7 +307,6 @@ header {
font-size: 14px; font-size: 14px;
} }
.more-action { .more-action {
padding: 20px;
box-sizing: border-box; box-sizing: border-box;
.content { .content {
display: grid; display: grid;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment