Skip to content

T
traceSourceMb
Commit 531afc1d authored by yyh's avatar yyh
Browse files
Options

fix 样式

parent 34cd3d73
Hide whitespace changes
Inline Side-by-side
Showing with 39 additions and 34 deletions
src/components/ProofItem.vue
View file @ 531afc1d
<template>
<div class="proof-item">
<div class="header">
<div>{{proof.name}}</div>
<div class="header" >
<span style="font-weight:500;font-size:18px;" class="van-ellipsis">{{proof.name}}</span>
<div>
<span class="status" :class="statusStr.class">{{statusStr.text}}</span>
<span class="time">{{proof.update_time|timeFormat}}</span>
</div>
<common-svg @click.stop.native="showMoreAction" class="more" name="cunzhengliebiao-gengduo"></common-svg>
</div>
<div class="increment" v-if="proof.increment_num > 0" >
<div class="increment" v-if="proof.increment_num > 0" :class="proof.increment_num > 0 ? 'van-hairline--top':''">
<van-steps :active="active" direction="vertical" class="list" active-color="#FF3661" v-show="showIncrementList">
<van-step v-for="(incrementProof, index) in incrementList" :key="incrementProof.id" >
<template #active-icon>
......@@ -25,8 +24,8 @@
<span style="margin-left: 10px;color:#B6B5BA;">{{incrementProof.update_time|timeFormat}}</span>
</div>
<common-svg name="bianji1"
width="25px"
height="25px"
width="30px"
height="30px"
v-if="incrementProof.status !== ChainStatus.SUCCESS"
@click.stop.native="editIncrementProof(incrementProof,index)"
></common-svg>
......@@ -120,7 +119,7 @@ export default class ProofItem extends Vue {
padding: 15px;
background: #FFFFFF;
box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.06);
border-radius: 15px;
border-radius: 5px;
color:#353535;
text-align: left;
font-size: 16px;
......@@ -130,7 +129,7 @@ export default class ProofItem extends Vue {
.header{
display: grid;
grid-template-columns: auto 30px;
grid-template-rows: repeat(2, 30px);
grid-template-rows: repeat(2, 25px);
grid-auto-flow: column dense;
}
.status,.time{
......
src/components/TemplateItem.vue
View file @ 531afc1d
......@@ -2,7 +2,10 @@
<div class="template-item">
<van-image
class="thumb"
:src="thumb"
width="50px"
height="50px"
:src="thumb || require('@/assets/defaulttemplate.png')"
round
>
</van-image>
<div class="title van-ellipsis">
......@@ -36,10 +39,10 @@ export default class TemplateItem extends Vue {
.template-item{
display: grid;
grid-template-columns: 50px auto 27px;
grid-template-rows: repeat(2, minmax(31px,1fr));
grid-template-rows: repeat(2, minmax(25px,1fr));
grid-auto-flow: column dense;
place-items: center;
grid-column-gap: 18px;
grid-column-gap: 15px;
overflow: hidden;
margin-bottom: 15px;
padding: 15px;
......
src/views/proof/Index.vue
View file @ 531afc1d
......@@ -2,7 +2,7 @@
<div class="proof-list">
<van-image src="@/assets/addproof.png" width="50px" fit="contain" class="add-proof" @click="showAddProof = true;"></van-image>
<header>
<span style="font-size:18px;font-weight:500;">存证列表</span>
<span style="font-size:18px;">存证列表</span>
<div @click="showFilterPicker = true">
<common-svg name="shaixuan"></common-svg>
<span>筛选</span>
......@@ -323,6 +323,7 @@ export default class Index extends Vue {
position: fixed;
right: 20px;
bottom: 60px;
z-index: 500;
}
header{
display: flex;
......
src/views/proof/components/AddBaseinfo.vue
View file @ 531afc1d
......@@ -12,8 +12,8 @@
<div style="color:#B6B5BA;font-size:16px;" @click="next" :style="(proofName && templateInfo.name) ? {color: '#3F79FE'} : {}">下一步</div>
</header>
<van-field :value="proofName" placeholder="填写存证名称" @input="change"></van-field>
<div style="padding: 0 12px;">
<div style="background:#F9F9FB;" class="select-template" @click="$emit('select-template')">
<div style="padding: 12px;">
<div style="background:#F9F9FB;padding:10px 0;" class="select-template" @click="$emit('select-template')">
<common-svg name="tianjia" style="margin-right:10px;"></common-svg>
<span class="select">{{templateInfo.name? `已选择 ${templateInfo.name}`: '选择模板'}}</span>
<common-svg name="jinru"></common-svg>
......
src/views/template/Index.vue
View file @ 531afc1d
......@@ -12,7 +12,7 @@
</div>
<div class="template-list">
<div class="system-template">
<p style="font-size:14px;color:#353535;">系统模版</p>
<p style="font-size:14px;color:#353535;font-weight:500;">系统模版</p>
<ul>
<li
v-for="{ id, folder_simg_url, folder_name, detail} of systemList"
......@@ -20,14 +20,14 @@
@click="goTemplList(detail)"
>
<van-image :src="folder_simg_url" width="44px" fit="contain"></van-image>
<p>{{folder_name}}</p>
<div style="font-size:16px;color:#353535;">{{folder_name}}</div>
</li>
</ul>
</div>
<div
style="display:flex;flex-direction:row;justify-content:space-between;font-size:14px;color:#353535;"
style="display:flex;flex-direction:row;justify-content:space-between;font-size:14px;color:#353535;margin-top:10px;"
>
<p>我的模版</p>
<p style="font-weight:500;color:#353535;">我的模版</p>
<!-- <p @click="addFolderShow = true;" style="color:#3F79FE;">+添加文件夹</p> -->
<router-link to="addTemplate" tag="p" style="color:#3F79FE;">+添加模板</router-link>
</div>
......@@ -51,8 +51,8 @@
:src="folder_simg_url"
fit="contain"
></van-image>
<div class="title">{{folder_name}}</div>
<div class="desc">{{(detail || []).length}}条模版</div>
<div class="title" style="#353535;font-size:18px;font-weight:500;">{{folder_name}}</div>
<div class="desc" style="color: #AAAAAA;">{{(detail || []).length}}条模版</div>
<common-svg name="jinru" class="right-icon"></common-svg>
</div>
......@@ -174,10 +174,10 @@ export default class Index extends Vue {
.folder-item{
display: grid;
grid-template-columns: 44px auto 30px;
grid-template-rows: repeat(2, 30px);
grid-template-rows: repeat(2, 25px);
grid-auto-flow: column dense;
place-items: center start;
grid-gap: 4px 17px;
grid-gap: 0 17px;
padding: 13px;
background:rgba(255,255,255,1);
box-shadow:0px 2px 10px 0px rgba(218,218,218,0.31);
......
src/views/template/components/SelectTemplate.vue
View file @ 531afc1d
......@@ -6,7 +6,7 @@
:style="{height: '80%'}"
class="base-info select-template">
<div style="position:relative;margin-bottom:0px;" class="header">
<div><div v-show="!showDetailb" @click="goBack"><common-svg name="fanhui2" ></common-svg> 返回</div></div>
<div><div v-show="!showDetailb" @click="goBack" style="font-size:16px;"><common-svg name="fanhui2" ></common-svg> 返回</div></div>
<span>选择模版</span>
<common-svg
@click.native="cancel"
......@@ -58,7 +58,7 @@
fit="contain"
></van-image>
<div class="title">{{folder.folder_name}}</div>
<div class="desc">{{(folder.detail || []).length}}条模版</div>
<div class="desc" style="color:#AAAAAA;">{{(folder.detail || []).length}}条模版</div>
<common-svg name="jinru" class="right-icon"></common-svg>
</div>
</van-tab>
......@@ -74,7 +74,7 @@
fit="contain"
></van-image>
<div class="title">{{folder.folder_name}}</div>
<div class="desc">{{(folder.detail || []).length}}条模版</div>
<div class="desc" style="color:#AAAAAA;">{{(folder.detail || []).length}}条模版</div>
<common-svg name="jinru" class="right-icon"></common-svg>
</div>
</van-tab>
......@@ -94,11 +94,12 @@
<div>
<van-image
round
:src="template.s_image_url"
:src="template.s_image_url || require('@/assets/defaulttemplate.png')"
width="50px"
height="50px"
fit="contain"></van-image>
<div>{{template.name}}</div>
fit="contain">
</van-image>
<div class="van-ellipsis" style="width:96px">{{template.name}}</div>
</div>
<template #icon="props">
<common-svg :name="props.checked? 'moban-xuanzhongzhuangtai1':''"></common-svg>
......@@ -266,10 +267,10 @@ export default class SelectTemplate extends Vue {
.item{
display: grid;
grid-template-columns: 44px auto 30px;
grid-template-rows: repeat(2, 30px);
grid-template-rows: repeat(2, 25px);
grid-auto-flow: column dense;
place-items: center start;
grid-gap: 4px 17px;
grid-gap: 0 17px;
padding: 13px;
background:rgba(255,255,255,1);
box-shadow:0px 2px 10px 0px rgba(218,218,218,0.31);
......@@ -286,14 +287,15 @@ export default class SelectTemplate extends Vue {
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 17px;
padding: 0 17px;
}
.template-list{
display: grid;
grid-template-columns: repeat(auto-fill, 30%);
row-gap: 10px;
grid-template-columns: repeat(3, 30%);
row-gap: 30px;
place-items: center;
justify-content: center;
justify-content: space-between;
padding: 0 17px;
}
.btn-group{
.left,.right{
......
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