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