111 lines
2.2 KiB
Vue
111 lines
2.2 KiB
Vue
<template>
|
||
<div class="wrapper">
|
||
<div class="fixed">
|
||
<p><span>积分申请:</span>通过民主程序,将基层治理和服务各项事务转化为数量化指标,对个人日常行为进行评价。申请积分需管理员审核通过后系统自动发放积分。</p>
|
||
</div>
|
||
<div class="list">
|
||
<div class="item" @click="toAdd">
|
||
<div class="left">
|
||
<h2>积分申报</h2>
|
||
<p>08-31 13:45</p>
|
||
</div>
|
||
<div class="right">
|
||
<h2 class="color-E6736E">+20<u-icon name="arrow-right" color="#ddd" size="24" style="margin-left: 4px" ></u-icon></h2>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
<script>
|
||
import {mapState} from 'vuex';
|
||
|
||
export default {
|
||
name: "AppApplyPoint",
|
||
appName: "党员积分申报",
|
||
computed: {
|
||
...mapState(['user']),
|
||
},
|
||
data() {
|
||
return {
|
||
|
||
};
|
||
},
|
||
onLoad() {
|
||
|
||
},
|
||
methods: {
|
||
toAdd() {
|
||
uni.navigateTo({url: `./add?id=1&name=111`})
|
||
}
|
||
}
|
||
};
|
||
</script>
|
||
<style lang="scss" scope>
|
||
@import "~dvcp-wui/common";
|
||
.fixed{
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
background-color: #FCEFEE;
|
||
width: 100%;
|
||
height: 172px;
|
||
padding: 32px;
|
||
box-sizing: border-box;
|
||
p{
|
||
font-size: 26px;
|
||
font-family: PingFangSC-Medium, PingFang SC;
|
||
font-weight: 500;
|
||
color: #E76056;
|
||
line-height: 36px;
|
||
span{
|
||
font-weight: 600;
|
||
}
|
||
}
|
||
}
|
||
.list{
|
||
padding-top: 172px;
|
||
.item{
|
||
padding: 32px;
|
||
border-bottom: 1px solid #ddd;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
background-color: #fff;
|
||
h2{
|
||
font-size: 32px;
|
||
font-family: PingFangSC-Medium, PingFang SC;
|
||
font-weight: 500;
|
||
color: #333;
|
||
line-height: 44px;
|
||
margin-bottom: 8px;
|
||
}
|
||
p{
|
||
font-size: 26px;
|
||
font-family: PingFangSC-Regular, PingFang SC;
|
||
color: #999;
|
||
line-height: 36px;
|
||
overflow:hidden;
|
||
white-space: nowrap;
|
||
text-overflow: ellipsis;
|
||
}
|
||
.left{
|
||
width: calc(100% - 480px);
|
||
}
|
||
.right{
|
||
width: 480px;
|
||
text-align: right;
|
||
h2{
|
||
font-family: PingFangSC-Semibold, PingFang SC;
|
||
font-weight: 600;
|
||
}
|
||
}
|
||
.color-E6736E{
|
||
color: #E6736E;
|
||
}
|
||
.color-F0A046{
|
||
color: #F0A046;
|
||
}
|
||
}
|
||
}
|
||
|
||
</style>
|