调整工程目录
This commit is contained in:
aixianling
@@ -3,11 +3,11 @@
|
||||
<div class="info">
|
||||
<div class="info-top">
|
||||
<div class="left">
|
||||
<image src="/static/images/avatar.png" />
|
||||
<image src="/static/images/avatar.png"/>
|
||||
<h2>{{ info.name || info.phone }}</h2>
|
||||
</div>
|
||||
<div class="right">
|
||||
<image src="/static/images/phone.png" />
|
||||
<image src="/static/images/phone.png"/>
|
||||
<p>拨打电话</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -55,7 +55,7 @@
|
||||
<div class="info-item">
|
||||
<label>图片：</label>
|
||||
<div class="imgs">
|
||||
<image v-for="(item, index) in 6" :key="index" src="/static/images/avatar.png" />
|
||||
<image v-for="(item, index) in 6" :key="index" src="/static/images/avatar.png"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -68,183 +68,184 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'detail',
|
||||
export default {
|
||||
name: 'detail',
|
||||
|
||||
data () {
|
||||
return {
|
||||
info: {},
|
||||
id: '',
|
||||
pageShow: false
|
||||
}
|
||||
data() {
|
||||
return {
|
||||
info: {},
|
||||
id: '',
|
||||
pageShow: false
|
||||
}
|
||||
},
|
||||
|
||||
onLoad(query) {
|
||||
uni.showLoading()
|
||||
this.id = query.id
|
||||
|
||||
this.getInfo(query.id)
|
||||
},
|
||||
|
||||
methods: {
|
||||
linkTo() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/povertyMonitor/Form'
|
||||
})
|
||||
},
|
||||
|
||||
onLoad (query) {
|
||||
uni.showLoading()
|
||||
this.id = query.id
|
||||
getInfo(id) {
|
||||
this.$http.post(`/app/apppreventionreturntopoverty/queryDetailById?id=${id}`).then(res => {
|
||||
if (res.code === 0) {
|
||||
this.info = res.data
|
||||
|
||||
this.getInfo(query.id)
|
||||
},
|
||||
this.pageShow = true
|
||||
}
|
||||
|
||||
methods: {
|
||||
linkTo () {
|
||||
uni.navigateTo({
|
||||
url: '/pages/povertyMonitor/Form'
|
||||
})
|
||||
},
|
||||
|
||||
getInfo (id) {
|
||||
this.$http.post(`/app/apppreventionreturntopoverty/queryDetailById?id=${id}`).then(res => {
|
||||
if (res.code === 0) {
|
||||
this.info = res.data
|
||||
|
||||
this.pageShow = true
|
||||
}
|
||||
|
||||
uni.hideLoading()
|
||||
})
|
||||
}
|
||||
uni.hideLoading()
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.detail {
|
||||
padding-bottom: 122rpx;
|
||||
.detail {
|
||||
padding-bottom: 122 rpx;
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.footer {
|
||||
display: flex;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
z-index: 1;
|
||||
width: 100%;
|
||||
.footer {
|
||||
display: flex;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
z-index: 1;
|
||||
width: 100%;
|
||||
height: 112px;
|
||||
|
||||
span {
|
||||
flex: 1;
|
||||
height: 112px;
|
||||
line-height: 112px;
|
||||
text-align: center;
|
||||
color: #FF4466;
|
||||
font-size: 32px;
|
||||
background: #fff;
|
||||
|
||||
&:last-child {
|
||||
color: #fff;
|
||||
background: #3192F4;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.info {
|
||||
background: #fff;
|
||||
|
||||
.info-top {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
height: 136px;
|
||||
padding: 0 32px;
|
||||
background: #FFFFFF;
|
||||
border-bottom: 1px solid #D8DDE6;
|
||||
|
||||
.left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
image {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: #333333;
|
||||
font-size: 36px;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
.right {
|
||||
text-align: center;
|
||||
|
||||
image {
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
}
|
||||
|
||||
p {
|
||||
color: #3D94FB;
|
||||
font-size: 24px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.result {
|
||||
margin-top: 20px;
|
||||
background: #fff;
|
||||
|
||||
.result-top {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
height: 96px;
|
||||
padding: 0 32px;
|
||||
border-bottom: 1px solid #DDDDDD;
|
||||
|
||||
h2 {
|
||||
font-size: 32px;
|
||||
color: #333;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
span {
|
||||
color: #2EA222;
|
||||
font-size: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.info-item__wrapper {
|
||||
padding: 32px;
|
||||
|
||||
.info-item {
|
||||
display: flex;
|
||||
margin-bottom: 12px;
|
||||
|
||||
label {
|
||||
flex-shrink: 0;
|
||||
width: 150px;
|
||||
line-height: 1.3;
|
||||
text-align: right;
|
||||
color: #999999;
|
||||
font-size: 30 rpx;
|
||||
}
|
||||
|
||||
span {
|
||||
flex: 1;
|
||||
height: 112px;
|
||||
line-height: 112px;
|
||||
text-align: center;
|
||||
color: #FF4466;
|
||||
font-size: 32px;
|
||||
background: #fff;
|
||||
line-height: 1.3;
|
||||
text-align: justify;
|
||||
color: #343D65;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
color: #fff;
|
||||
background: #3192F4;
|
||||
.imgs {
|
||||
flex: 1;
|
||||
|
||||
image {
|
||||
width: 160px;
|
||||
height: 160px;
|
||||
margin-right: 16px;
|
||||
margin-bottom: 16px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.info {
|
||||
background: #fff;
|
||||
|
||||
.info-top {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
height: 136px;
|
||||
padding: 0 32px;
|
||||
background: #FFFFFF;
|
||||
border-bottom: 1px solid #D8DDE6;
|
||||
|
||||
.left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
image {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: #333333;
|
||||
font-size: 36px;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
.right {
|
||||
text-align: center;
|
||||
image {
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
}
|
||||
|
||||
p {
|
||||
color: #3D94FB;
|
||||
font-size: 24px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.result {
|
||||
margin-top: 20px;
|
||||
background: #fff;
|
||||
|
||||
.result-top {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
height: 96px;
|
||||
padding: 0 32px;
|
||||
border-bottom: 1px solid #DDDDDD;
|
||||
|
||||
h2 {
|
||||
font-size: 32px;
|
||||
color: #333;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
span {
|
||||
color: #2EA222;
|
||||
font-size: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.info-item__wrapper {
|
||||
padding: 32px;
|
||||
|
||||
.info-item {
|
||||
display: flex;
|
||||
margin-bottom: 12px;
|
||||
|
||||
label {
|
||||
flex-shrink: 0;
|
||||
width: 150px;
|
||||
line-height: 1.3;
|
||||
text-align: right;
|
||||
color: #999999;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
span {
|
||||
flex: 1;
|
||||
line-height: 1.3;
|
||||
text-align: justify;
|
||||
color: #343D65;
|
||||
}
|
||||
|
||||
.imgs {
|
||||
flex: 1;
|
||||
|
||||
image {
|
||||
width: 160px;
|
||||
height: 160px;
|
||||
margin-right: 16px;
|
||||
margin-bottom: 16px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user