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

css

Browse Source
This commit is contained in:
花有清香月有阴
2022-02-16 09:21:33 +08:00
parent 4e7009f386
commit 6620540f62
2 changed files with 30 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/mods/AppIntegralApply/AppIntegralApply.vue
View File

@@ -25,7 +25,8 @@
</div> </div>
<div class="card"> <div class="card">
<span>{{ item.name }}</span> <!-- status0 成功 status1 未通过 status2 待审核-->
<span class="status status0">{{ item.name }}</span>
</div> </div>
</div> </div>
</template> </template>
@@ -188,9 +189,14 @@ export default {
.flex { .flex {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-top: 28px;
.tags { .tags {
padding: 4px 16px;
background: #eeeeee;
border-radius: 24px;
} }
.times { .times {
color: #999;
} }
} }
} }
@@ -200,6 +206,18 @@ export default {
background: #fff; background: #fff;
box-shadow: inset 0px -1px 0px 0px #dddddd; box-shadow: inset 0px -1px 0px 0px #dddddd;
border-radius: 0px 0px 16px 16px; border-radius: 0px 0px 16px 16px;
.status {
font-size: 28px;
}
.status0 {
color: #42d784;
}
.status1 {
color: #ff4466;
}
.status2 {
color: #ff883c;
}
} }
} }
} }

51
src/mods/AppIntegralApply/detail.vue
View File

@@ -32,80 +32,59 @@
<div class="cardes"> <div class="cardes">
<div class="img-top">图片资料</div> <div class="img-top">图片资料</div>
<img src="../../static/img/jfph.png" alt="" v-for="(item, index) in 7" :key="index" />
<img src="../../static/img/jfph.png" alt="" v-for="(item, index) in 4" :key="index" style="width: 122px; height: 122px; margin-right: 4px" />
</div> </div>
</div> </div>
<div class="middle"> <div class="middle">
<div class="img-title">填报信息</div> <div class="img-title">审核详情</div>
<div class="cards"> <div class="cards">
<div class="cards-left">活动时间</div> <div class="cards-left">审核结果</div>
<div class="cards-right">{{ detail.beginTime }}</div> <div class="cards-right">{{ detail.beginTime }}</div>
</div> </div>
<div class="cards"> <div class="cards">
<div class="cards-left">活动人数</div> <div class="cards-left">积分规则类型</div>
<div class="cards-right"> <div class="cards-right">
<span style="color: #1c6bdf">{{ detail.realNum }}</span> <span style="color: #1c6bdf">{{ detail.realNum }}</span>
</div> </div>
</div> </div>
<div class="cards"> <div class="cards">
<div class="cards-left">活动地点</div> <div class="cards-left">积分规则事项</div>
<div class="cards-right" style="width: 75%; text-align: right">{{ detail.areaName }}{{ detail.address }}</div> <div class="cards-right" style="width: 75%; text-align: right">{{ detail.areaName }}{{ detail.address }}</div>
</div> </div>
<div class="cards"> <div class="cards">
<div class="cards-left">活动地点</div> <div class="cards-left">积分调整</div>
<div class="cards-right" style="width: 75%; text-align: right">{{ detail.areaName }}{{ detail.address }}</div> <div class="cards-right" style="width: 75%; text-align: right">{{ detail.areaName }}{{ detail.address }}</div>
</div> </div>
<div class="cards"> <div class="cards">
<div class="cards-left">活动地点</div> <div class="cards-left">审核人</div>
<div class="cards-right" style="width: 75%; text-align: right">{{ detail.areaName }}{{ detail.address }}</div> <div class="cards-right" style="width: 75%; text-align: right">{{ detail.areaName }}{{ detail.address }}</div>
</div> </div>
<div class="cards"> <div class="cards">
<div class="cards-left">活动地点</div> <div class="cards-left">审核时间</div>
<div class="cards-right" style="width: 75%; text-align: right">{{ detail.areaName }}{{ detail.address }}</div> <div class="cards-right" style="width: 75%; text-align: right">{{ detail.areaName }}{{ detail.address }}</div>
</div> </div>
</div> </div>
<div class="bottom"> <div class="bottom">
<div class="img-title">填报信息</div>
<div class="cards"> <div class="cards">
<div class="cards-left">活动时间</div> <div class="cards-left">审核结果备份</div>
<div class="cards-right">{{ detail.beginTime }}</div> <div class="cards-right">{{ detail.beginTime }}</div>
</div> </div>
<div class="cards"> <div class="cards">
<div class="cards-left">活动人数</div> <div class="cards-left">驳回理由</div>
<div class="cards-right"> <div class="cards-right">
<span style="color: #1c6bdf">{{ detail.realNum }}</span> <span style="color: #1c6bdf">{{ detail.realNum }}</span>
</div> </div>
</div> </div>
<div class="cards">
<div class="cards-left">活动地点</div>
<div class="cards-right" style="width: 75%; text-align: right">{{ detail.areaName }}{{ detail.address }}</div>
</div>
<div class="cards">
<div class="cards-left">活动地点</div>
<div class="cards-right" style="width: 75%; text-align: right">{{ detail.areaName }}{{ detail.address }}</div>
</div>
<div class="cards">
<div class="cards-left">活动地点</div>
<div class="cards-right" style="width: 75%; text-align: right">{{ detail.areaName }}{{ detail.address }}</div>
</div>
<div class="cards">
<div class="cards-left">活动地点</div>
<div class="cards-right" style="width: 75%; text-align: right">{{ detail.areaName }}{{ detail.address }}</div>
</div>
</div> </div>
</div> </div>
</template> </template>
@@ -179,14 +158,6 @@ export default {
.img-top { .img-top {
color: #999; color: #999;
padding-bottom: 16px; padding-bottom: 16px;
._img {
width: 225px;
height: 226px;
margin-right: 4px;
}
._img:nth-child(3n + 0) {
margin-right: 0;
}
} }
} }
} }