Skip to content

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

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

parent df2871ee
Show whitespace changes
Inline Side-by-side
Showing with 56 additions and 25 deletions
public/index.html
View file @ 89efafb6
......@@ -7,7 +7,7 @@
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<!-- <title><%= htmlWebpackPlugin.options.title %></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>
<body ontouchstart>
......
src/components/MoreAction.vue
View file @ 89efafb6
<template>
<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">
<van-image
class="icon"
......@@ -11,20 +14,18 @@
<div class="update-time">更新于 {{ date | formatTime }}</div>
</div>
</div>
<van-grid :column-num="3" :gutter="10" :border="false">
<van-grid-item
<div>
<div
class="action-item"
v-for="({ icon, text, callback }, index) in menuList"
:key="index"
icon="photo-o"
:text="text"
@click="actionHandler(callback)"
>
<template #icon>
<common-svg :name="icon" width="44px" height="44px"></common-svg>
</template>
</van-grid-item>
</van-grid>
<van-button block round @click="cancel">取消</van-button>
<common-svg :name="icon" width="20px" height="20px"></common-svg>
<p class="text">{{ text }}</p>
</div>
</div>
<div class="btn-cancel" @click="cancel">取消</div>
</van-popup>
</template>
......@@ -73,14 +74,35 @@ export default class MoreAction extends Vue {
private cancel() {
this.showAction = false;
}
private handleClickClose() {
this.showAction = false;
}
}
</script>
<style scoped lang="scss">
.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 {
display: flex;
height: 33px;
margin: 0 16px;
margin-bottom: 15px;
text-align: left;
.icon {
width: 28px;
......@@ -100,5 +122,15 @@ export default class MoreAction extends Vue {
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>
src/mixins/proof.ts
View file @ 89efafb6
......@@ -14,55 +14,55 @@ export default class Proof extends Vue {
protected ActionList: any = {
blockChain: {
key: 'blockChain',
icon: 'shanglian1',
icon: 'shanglian',
text: '上链',
callback: this.blockChainProof,
},
edit: {
key: 'edit',
icon: 'bianji1',
icon: 'bianji2x',
text: '编辑',
callback: this.goProofDetail,
},
del: {
key: 'del',
icon: 'shanchu3',
text: '删除',
icon: 'shanchu2x',
text: '移至回收站',
callback: this.delProof,
},
copy: {
key: 'copy',
icon: 'fuzhi1',
text: '复制',
icon: 'chuangjianfuben2x',
text: '创建副本',
callback: this.copyProof,
},
blockquery: {
key: 'blockquery',
icon: 'qukuailianchaxun',
icon: 'qukuailianchaxun2x',
text: '区块链查询',
callback: this.goToBrowser,
},
copyhash: {
key: 'copyhash',
icon: 'fuzhiHashdizhi',
icon: 'fuzhiHASHdizhi2x',
text: '复制hash地址',
callback: this.copyHash,
},
del2: {
key: 'del2',
icon: 'shanchu3',
text: '删除',
icon: 'shanchu2x',
text: '移至回收站',
callback: this.abandonProof,
},
zengliang: {
key: 'zengliang',
icon: 'zenglianggengxin2',
text: '增量',
icon: 'shanglian',
text: '增量更新',
callback: this.increment,
},
hide: {
key: 'hide',
icon: 'zenglianggengxin2',
icon: 'yinsishezhi2x',
text: '隐私设置',
callback: this.hide,
},
......
src/views/proof/Index.vue
View file @ 89efafb6
......@@ -307,7 +307,6 @@ header {
font-size: 14px;
}
.more-action {
padding: 20px;
box-sizing: border-box;
.content {
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