Merge branch 'master' of https://git.zdool.com/xs/yyx/h5
This commit is contained in:
jiangnan
commit
e3de1ac088
|
|
@ -1,318 +1,199 @@
|
|||
<template>
|
||||
<view class="box">
|
||||
<view class="">
|
||||
<u-loading-page :loading="load"></u-loading-page>
|
||||
</view>
|
||||
<view class="page" v-if="load == false">
|
||||
<view class="activityDetails">
|
||||
<view class="item_ul">
|
||||
<view class="item_li">
|
||||
<view class="standard">
|
||||
<text>标题:</text>
|
||||
</view>
|
||||
<view class="content">{{ data.title
|
||||
}}</view>
|
||||
</view>
|
||||
<view class="item_li">
|
||||
<view class="standard">
|
||||
<text> 节目:</text>
|
||||
</view>
|
||||
<view class="content"><text> {{ data.teamName }}</text></view>
|
||||
</view>
|
||||
<view class="item_li">
|
||||
<view class="standard">
|
||||
<text> 团队:</text>
|
||||
</view>
|
||||
<view class="content"><text> {{ data.showName }}</text></view>
|
||||
</view>
|
||||
<view class="item_li">
|
||||
<view class="standard">
|
||||
<text> 地址:</text>
|
||||
</view>
|
||||
<view class="content"><text> {{ data.villageName }}</text></view>
|
||||
</view>
|
||||
<view class="item_li">
|
||||
<view class="standard">
|
||||
<text>开始时间:</text>
|
||||
</view>
|
||||
<view class="content"> {{ data.startTime }}</view>
|
||||
</view>
|
||||
<view class="item_li">
|
||||
<view class="standard">
|
||||
<text>截止时间:</text>
|
||||
</view>
|
||||
<view class="content"> {{ data.endTime }} </view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="box">
|
||||
<view class="">
|
||||
<u-loading-page :loading="load"></u-loading-page>
|
||||
</view>
|
||||
<view class="page" v-if="load == false">
|
||||
<view class="activityDetails">
|
||||
<view class="item_ul">
|
||||
<view class="item_li">
|
||||
<view class="standard">
|
||||
<text>标题:</text>
|
||||
</view>
|
||||
<view class="content">{{ data.title }}</view>
|
||||
</view>
|
||||
<view class="item_li">
|
||||
<view class="standard">
|
||||
<text> 节目:</text>
|
||||
</view>
|
||||
<view class="content"><text> {{ data.teamName }}</text></view>
|
||||
</view>
|
||||
<view class="item_li">
|
||||
<view class="standard">
|
||||
<text> 团队:</text>
|
||||
</view>
|
||||
<view class="content"><text> {{ data.showName }}</text></view>
|
||||
</view>
|
||||
<view class="item_li">
|
||||
<view class="standard">
|
||||
<text> 地址:</text>
|
||||
</view>
|
||||
<view class="content"><text> {{ data.villageName }}</text></view>
|
||||
</view>
|
||||
<view class="item_li">
|
||||
<view class="standard">
|
||||
<text>开始时间:</text>
|
||||
</view>
|
||||
<view class="content"> {{ data.startTime }}</view>
|
||||
</view>
|
||||
<view class="item_li">
|
||||
<view class="standard">
|
||||
<text>截止时间:</text>
|
||||
</view>
|
||||
<view class="content"> {{ data.endTime }} </view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
load: true,
|
||||
id: '',
|
||||
data: {},
|
||||
list: [],
|
||||
list2: [],
|
||||
userList: [],
|
||||
currentNum: 0,
|
||||
isCheck: 0,
|
||||
}
|
||||
},
|
||||
onLoad (op) {
|
||||
this.id = op.id
|
||||
},
|
||||
onShow () {
|
||||
this.getData()
|
||||
},
|
||||
methods: {
|
||||
getData () {
|
||||
this.load = true
|
||||
this.http.request(`/artCountryside/details?id=${this.id}`, {}, 'GET').then(res => {
|
||||
if (res.code == 200) {
|
||||
this.data = res.data
|
||||
this.load = false
|
||||
} else {
|
||||
this.load = false
|
||||
uni.showToast({
|
||||
title: res.message,
|
||||
icon: "error",
|
||||
});
|
||||
}
|
||||
}).catch(err => {
|
||||
this.load = false
|
||||
})
|
||||
},
|
||||
back () {
|
||||
uni.navigateBack()
|
||||
},
|
||||
//点击文件
|
||||
}
|
||||
}
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
load: true,
|
||||
id: '',
|
||||
data: {},
|
||||
list: [],
|
||||
list2: [],
|
||||
userList: [],
|
||||
currentNum: 0,
|
||||
isCheck: 0,
|
||||
}
|
||||
},
|
||||
onLoad(op) {
|
||||
this.id = op.id
|
||||
},
|
||||
onShow() {
|
||||
this.getData()
|
||||
},
|
||||
methods: {
|
||||
getData() {
|
||||
this.load = true
|
||||
this.http.request(`/artCountryside/details?id=${this.id}`, {}, 'GET').then(res => {
|
||||
if (res.code == 200) {
|
||||
this.data = res.data
|
||||
this.load = false
|
||||
} else {
|
||||
this.load = false
|
||||
uni.showToast({
|
||||
title: res.message,
|
||||
icon: "error",
|
||||
});
|
||||
}
|
||||
}).catch(err => {
|
||||
this.load = false
|
||||
})
|
||||
},
|
||||
back() {
|
||||
uni.navigateBack()
|
||||
},
|
||||
//点击文件
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.box {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
.box {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
image {
|
||||
// height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
image {
|
||||
// height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.page {
|
||||
.return {
|
||||
position: fixed;
|
||||
left: 24rpx;
|
||||
top: 110rpx;
|
||||
z-index: 10;
|
||||
.page {
|
||||
|
||||
image {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
}
|
||||
}
|
||||
.activityDetails {
|
||||
.item_ul {
|
||||
.item_li {
|
||||
padding: 16rpx 32rpx 32rpx;
|
||||
margin: 0rpx 0 32rpx;
|
||||
border-bottom: 2rpx solid #F1F1F1;
|
||||
display: flex;
|
||||
// justify-content: space-between;
|
||||
align-items: center;
|
||||
font-weight: 600;
|
||||
|
||||
.pageImg {
|
||||
height: 440rpx;
|
||||
.standard {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-right: 10rpx;
|
||||
|
||||
.img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.icon {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
// display: none;
|
||||
}
|
||||
|
||||
.main {
|
||||
padding: 32rpx;
|
||||
text {
|
||||
color: #251B1D;
|
||||
// color: $gray;
|
||||
margin-left: 8rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.mainTitle {
|
||||
font-size: 36rpx;
|
||||
font-weight: 600;
|
||||
color: #251B1D;
|
||||
margin-bottom: 28rpx;
|
||||
}
|
||||
.content {}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.textList {
|
||||
margin-bottom: 24rpx;
|
||||
|
||||
.type {
|
||||
display: flex;
|
||||
height: 48rpx;
|
||||
line-height: 48rpx;
|
||||
|
||||
.textImg {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
margin-top: 10rpx;
|
||||
margin-right: 16rpx;
|
||||
}
|
||||
|
||||
.text1 {
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
color: #32333C;
|
||||
}
|
||||
}
|
||||
|
||||
.text2 {
|
||||
font-size: 28rpx;
|
||||
color: #32333C;
|
||||
line-height: 48rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.file_box {
|
||||
width: 92%;
|
||||
height: 64px;
|
||||
margin: 10px 4%;
|
||||
font-family: PingFangSC-Semibold, PingFang SC;
|
||||
font-weight: 600;
|
||||
color: #251B1D;
|
||||
background: #F4F5F7;
|
||||
border-radius: 6px;
|
||||
overflow: hidden;
|
||||
|
||||
.file_box_left {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-top: 12px;
|
||||
margin-left: 12px;
|
||||
float: left;
|
||||
|
||||
.file_box_left_img {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
.file_box_right {
|
||||
margin-left: 20px;
|
||||
float: left;
|
||||
|
||||
.file_box_name {
|
||||
height: 64px;
|
||||
line-height: 64px;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: #251B1D;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.line {
|
||||
height: 16rpx;
|
||||
background: #F4F5F7;
|
||||
}
|
||||
|
||||
.activityDetails {
|
||||
.item_ul {
|
||||
.title {
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
padding: 24rpx;
|
||||
display: flex;
|
||||
background: #F4F5F7;
|
||||
|
||||
.icon {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
margin-right: 10rpx;
|
||||
// display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.item_li {
|
||||
padding: 16rpx 32rpx 32rpx;
|
||||
margin: 16rpx 0;
|
||||
border-bottom: 2rpx solid #F1F1F1;
|
||||
display: flex;
|
||||
// justify-content: space-between;
|
||||
align-items: center;
|
||||
font-weight: 600;
|
||||
|
||||
.standard {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-right: 10rpx;
|
||||
|
||||
.icon {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
// display: none;
|
||||
}
|
||||
|
||||
text {
|
||||
color: #251B1D;
|
||||
// color: $gray;
|
||||
margin-left: 8rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.content {}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.orderBtn {
|
||||
width: 100%;
|
||||
background-color: #FFF;
|
||||
padding-bottom: 20rpx;
|
||||
.orderBtn {
|
||||
width: 100%;
|
||||
background-color: #FFF;
|
||||
padding-bottom: 20rpx;
|
||||
|
||||
|
||||
.btn {
|
||||
width: calc(100% - 64rpx);
|
||||
height: 96rpx;
|
||||
line-height: 96rpx;
|
||||
text-align: center;
|
||||
background: #99241B;
|
||||
border-radius: 8rpx;
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
color: #FFFFFF;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.btn {
|
||||
width: calc(100% - 64rpx);
|
||||
height: 96rpx;
|
||||
line-height: 96rpx;
|
||||
text-align: center;
|
||||
background: #99241B;
|
||||
border-radius: 8rpx;
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
color: #FFFFFF;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.btnQ {
|
||||
width: calc(100% - 64rpx);
|
||||
height: 96rpx;
|
||||
line-height: 96rpx;
|
||||
text-align: center;
|
||||
background: #F9F2F2;
|
||||
border-radius: 8rpx;
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
color: #99241B;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
.btnQ {
|
||||
width: calc(100% - 64rpx);
|
||||
height: 96rpx;
|
||||
line-height: 96rpx;
|
||||
text-align: center;
|
||||
background: #F9F2F2;
|
||||
border-radius: 8rpx;
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
color: #99241B;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
.bao_title {
|
||||
width: 686rpx;
|
||||
margin: 20rpx 32rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: 500;
|
||||
color: #32333C;
|
||||
}
|
||||
.bao_title {
|
||||
width: 686rpx;
|
||||
margin: 20rpx 32rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: 500;
|
||||
color: #32333C;
|
||||
}
|
||||
|
||||
.per_line {
|
||||
width: 686rpx;
|
||||
margin: 10rpx 32rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.per_line {
|
||||
width: 686rpx;
|
||||
margin: 10rpx 32rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.oer_image {
|
||||
width: 88rpx;
|
||||
height: 88rpx;
|
||||
border-radius: 50%;
|
||||
margin-left: 30rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
.oer_image {
|
||||
width: 88rpx;
|
||||
height: 88rpx;
|
||||
border-radius: 50%;
|
||||
margin-left: 30rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue