Merge branch 'master' of https://e.coding.net/boss-01/yxx/app
This commit is contained in:
commit
603996e7f1
|
@ -47,8 +47,9 @@
|
||||||
"path": "pages/literFamily/literFamily",
|
"path": "pages/literFamily/literFamily",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "",
|
"navigationBarTitleText": "",
|
||||||
"enablePullDownRefresh": false,
|
"navigationStyle": "custom",
|
||||||
"navigationStyle": "custom"
|
"enablePullDownRefresh": true,
|
||||||
|
"onReachBottomDistance": 20
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
@ -417,6 +418,15 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
,{
|
||||||
|
"path" : "pages/literFamily/ActJianDetail",
|
||||||
|
"style" :
|
||||||
|
{
|
||||||
|
"navigationBarTitleText": "活动剪影详情",
|
||||||
|
"enablePullDownRefresh": false
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
],
|
],
|
||||||
"globalStyle": {
|
"globalStyle": {
|
||||||
"navigationBarTextStyle": "black", //导航栏标题颜色及状态栏前景颜色,仅支持 black/white
|
"navigationBarTextStyle": "black", //导航栏标题颜色及状态栏前景颜色,仅支持 black/white
|
||||||
|
|
|
@ -27,7 +27,7 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="person_itm_sign" @click="goChangeInfo('身份证号码',JSON.parse(userInfoObj.idCard))">
|
<view class="person_itm_sign" @click="goChangeInfo('身份证号码',userInfoObj.idCard)">
|
||||||
<text class="person_itm_sign_tit">身份证号码</text>
|
<text class="person_itm_sign_tit">身份证号码</text>
|
||||||
<view class="person_itm_sign_right">
|
<view class="person_itm_sign_right">
|
||||||
<text> {{userInfoObj.idCard}}</text>
|
<text> {{userInfoObj.idCard}}</text>
|
||||||
|
@ -82,7 +82,8 @@
|
||||||
<view class="person_itm_sign" @click="goChangeInfo('头像',userInfoObj.images)">
|
<view class="person_itm_sign" @click="goChangeInfo('头像',userInfoObj.images)">
|
||||||
<text class="person_itm_sign_tit">头像</text>
|
<text class="person_itm_sign_tit">头像</text>
|
||||||
<view class="person_itm_sign_right">
|
<view class="person_itm_sign_right">
|
||||||
<image class="avator" style="" :src=" baseurl+JSON.parse(userInfoObj.images)[0] ">
|
|
||||||
|
<image class="avator" :src='imgUrl' >
|
||||||
</image>
|
</image>
|
||||||
|
|
||||||
<u-icon name="arrow-right"></u-icon>
|
<u-icon name="arrow-right"></u-icon>
|
||||||
|
@ -264,10 +265,11 @@
|
||||||
honorList: ['荣誉', '无上荣誉'],
|
honorList: ['荣誉', '无上荣誉'],
|
||||||
stanWorkList: ['蒙娜丽莎', '高月'],
|
stanWorkList: ['蒙娜丽莎', '高月'],
|
||||||
userInfoObj: {},
|
userInfoObj: {},
|
||||||
baseurl: http.config.baseUrl.replace('/h5/api', ''), //'http://192.168.0.9:8080'
|
baseurl: http.config.baseUrl.replace('/h5/api', ''), //'http://192.168.0.29:8080'
|
||||||
|
|
||||||
xieName: '',
|
xieName: '',
|
||||||
userType: ''
|
userType: '',
|
||||||
|
imgUrl:''
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
@ -282,6 +284,7 @@
|
||||||
this.http.request('/user/userInfo', {}, "GET").then((res) => {
|
this.http.request('/user/userInfo', {}, "GET").then((res) => {
|
||||||
console.log("res", res.data);
|
console.log("res", res.data);
|
||||||
this.userInfoObj = res.data
|
this.userInfoObj = res.data
|
||||||
|
this.imgUrl=baseurl+JSON.parse(this.userInfoObj.images)[0]
|
||||||
|
|
||||||
}).catch((error) => {
|
}).catch((error) => {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
|
|
|
@ -0,0 +1,231 @@
|
||||||
|
<template>
|
||||||
|
<view class="workDetail">
|
||||||
|
<u-swiper :list="list" :autoplay="true" @change="e => currentNum = e.current" indicatorStyle="right: 20px">
|
||||||
|
<view slot="indicator" class="indicator-num">
|
||||||
|
<text class="indicator-num__text">{{ currentNum + 1 }}/{{ list.length }}</text>
|
||||||
|
</view>
|
||||||
|
</u-swiper>
|
||||||
|
<view class="work_name">
|
||||||
|
<!-- 作品名称自由生活向美而生作品 -->
|
||||||
|
{{actDetObj.title}}
|
||||||
|
</view>
|
||||||
|
<view class="work_desc">
|
||||||
|
<!-- 摄影作品摄影作品摄影作品摄影作品摄影作品介绍作品介绍摄影作品自由生活向美而生作品 -->
|
||||||
|
{{actDetObj.record}}
|
||||||
|
</view>
|
||||||
|
<view class="work_det">
|
||||||
|
<view class="det_box">
|
||||||
|
<view class="box_left">
|
||||||
|
<image src="../../static/workDetail/time.png" class="img"></image>
|
||||||
|
</view>
|
||||||
|
<view class="box_right">
|
||||||
|
<!-- 昨天10:20 -->
|
||||||
|
{{actDetObj.releaseDate}}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="det_box">
|
||||||
|
<view class="box_left">
|
||||||
|
<image src="../../static/workDetail/seen.png" class="img"></image>
|
||||||
|
</view>
|
||||||
|
<view class="box_right">
|
||||||
|
{{actDetObj.views}}浏览
|
||||||
|
<!-- 1288浏览 -->
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
<view class="detailBottom">
|
||||||
|
<view class="bottom_box" @click="clickHeart()">
|
||||||
|
<view class="bottom_box_left">
|
||||||
|
<image src="../../static/workDetail/heart1.png" class="bot_img" v-if="isLick == 0"></image>
|
||||||
|
<image src="../../static/workDetail/heart2.png" class="bot_img" v-else></image>
|
||||||
|
</view>
|
||||||
|
<view class="bottom_box_right">
|
||||||
|
24
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="bottom_box" @click="clickStar()">
|
||||||
|
<view class="bottom_box_left">
|
||||||
|
<image src="../../static/workDetail/star1.png" class="bot_img" v-if="isCon == 0"></image>
|
||||||
|
<image src="../../static/workDetail/star2.png" class="bot_img" v-else></image>
|
||||||
|
</view>
|
||||||
|
<view class="bottom_box_right">
|
||||||
|
55
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="bottom_box">
|
||||||
|
<view class="bottom_box_left">
|
||||||
|
<image src="../../static/workDetail/share.png" class="bot_img"></image>
|
||||||
|
</view>
|
||||||
|
<view class="bottom_box_right">
|
||||||
|
分享
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
list: [
|
||||||
|
'https://cdn.uviewui.com/uview/swiper/swiper2.png',
|
||||||
|
'https://cdn.uviewui.com/uview/swiper/swiper1.png',
|
||||||
|
],
|
||||||
|
currentNum: 1,
|
||||||
|
isLick: 0,
|
||||||
|
isCon: 0,
|
||||||
|
actDetObj: {},
|
||||||
|
ActId:''
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onShow() {
|
||||||
|
this.getData()
|
||||||
|
},onLoad(opt) {
|
||||||
|
this.ActId=opt.id
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
clickHeart() {
|
||||||
|
if (this.isLick == 0) {
|
||||||
|
this.isLick = 1
|
||||||
|
} else if (this.isLick == 1) {
|
||||||
|
this.isLick = 0
|
||||||
|
}
|
||||||
|
},
|
||||||
|
clickStar() {
|
||||||
|
if (this.isCon == 0) {
|
||||||
|
this.isCon = 1
|
||||||
|
} else if (this.isCon == 1) {
|
||||||
|
this.isCon = 0
|
||||||
|
}
|
||||||
|
},
|
||||||
|
getData() {
|
||||||
|
let _this = this
|
||||||
|
this.http.request('/silhouette/details', {
|
||||||
|
id: this.ActId
|
||||||
|
}, "GET").then(res => {
|
||||||
|
if (res.code == 200) {
|
||||||
|
console.log(res.data)
|
||||||
|
this.actDetObj = res.data
|
||||||
|
// _this.load = false
|
||||||
|
}
|
||||||
|
}).catch(e => {
|
||||||
|
uni.showToast({
|
||||||
|
title: e.data.message,
|
||||||
|
icon: "none",
|
||||||
|
});
|
||||||
|
})
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
.workDetail {
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
|
||||||
|
.indicator-num {
|
||||||
|
padding: 2px 0;
|
||||||
|
background-color: rgba(0, 0, 0, 0.35);
|
||||||
|
border-radius: 100px;
|
||||||
|
width: 35px;
|
||||||
|
@include flex;
|
||||||
|
justify-content: center;
|
||||||
|
|
||||||
|
&__text {
|
||||||
|
color: #FFFFFF;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.work_name {
|
||||||
|
width: 94%;
|
||||||
|
margin: 10px 3%;
|
||||||
|
font-size: 16px;
|
||||||
|
font-family: PingFangSC-Semibold, PingFang SC;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #251B1D;
|
||||||
|
}
|
||||||
|
|
||||||
|
.work_desc {
|
||||||
|
width: 94%;
|
||||||
|
margin: 10px 3%;
|
||||||
|
font-size: 12px;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #251B1D;
|
||||||
|
}
|
||||||
|
|
||||||
|
.work_det {
|
||||||
|
width: 94%;
|
||||||
|
margin: 10px 3%;
|
||||||
|
height: 17px;
|
||||||
|
font-size: 12px;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #AFADB0;
|
||||||
|
line-height: 17px;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
.det_box {
|
||||||
|
float: left;
|
||||||
|
margin-right: 20px;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
.box_left {
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
float: left;
|
||||||
|
|
||||||
|
.img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.box_right {
|
||||||
|
margin-left: 2px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.detailBottom {
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
bottom: 10px;
|
||||||
|
|
||||||
|
.bottom_box {
|
||||||
|
width: 31%;
|
||||||
|
margin: 0 1%;
|
||||||
|
padding: 15px 0;
|
||||||
|
float: left;
|
||||||
|
|
||||||
|
.bottom_box_left {
|
||||||
|
margin-left: 30%;
|
||||||
|
float: left;
|
||||||
|
|
||||||
|
.bot_img {
|
||||||
|
height: 24px;
|
||||||
|
width: 24px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.bottom_box_right {
|
||||||
|
float: left;
|
||||||
|
font-size: 14px;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #251B1D;
|
||||||
|
line-height: 24px;
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
|
@ -28,7 +28,8 @@
|
||||||
<u-scroll-list :indicator="false">
|
<u-scroll-list :indicator="false">
|
||||||
<view class="scroll-list">
|
<view class="scroll-list">
|
||||||
<view class="scroll-list__goods-item" v-for="(item, index) in list2" :key="index"
|
<view class="scroll-list__goods-item" v-for="(item, index) in list2" :key="index"
|
||||||
:class="[(index === 9) && 'scroll-list__goods-item--no-margin-right']" @click="GoWorksShow(index)">
|
:class="[(index === 9) && 'scroll-list__goods-item--no-margin-right']"
|
||||||
|
@click="GoWorksShow(index)">
|
||||||
<image class="scroll-list__goods-item__image" :src="item.image"></image>
|
<image class="scroll-list__goods-item__image" :src="item.image"></image>
|
||||||
<view class="scroll-list__goods-item__view overEllipsis">{{ item.title }}</view>
|
<view class="scroll-list__goods-item__view overEllipsis">{{ item.title }}</view>
|
||||||
</view>
|
</view>
|
||||||
|
@ -44,7 +45,7 @@
|
||||||
更多
|
更多
|
||||||
</text> -->
|
</text> -->
|
||||||
</view>
|
</view>
|
||||||
<view class="activity" v-for="(v,i) in num" :key="i">
|
<!-- <view class="activity" v-for="(v,i) in num" :key="i">
|
||||||
<view class="left">
|
<view class="left">
|
||||||
<view class="content">
|
<view class="content">
|
||||||
<view class="title">
|
<view class="title">
|
||||||
|
@ -59,6 +60,24 @@
|
||||||
<view class="right">
|
<view class="right">
|
||||||
<image src="../../static/icon12.jpg" mode=""></image>
|
<image src="../../static/icon12.jpg" mode=""></image>
|
||||||
</view>
|
</view>
|
||||||
|
</view> -->
|
||||||
|
<view class="activity" v-for="(v,i) in jianAct" :key="i" @click="goDetail(v.id)">
|
||||||
|
<view class="left">
|
||||||
|
<view class="content">
|
||||||
|
<view class="title">
|
||||||
|
{{v.title}}
|
||||||
|
<!-- 送万福、进万家文艺惠民 暖人心嫁得好风扇电机接收到删掉就惊世毒妃 -->
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="clidate">
|
||||||
|
<view class="cliNum">点击量:{{v.views}}万 </view>
|
||||||
|
<view class="date">{{v.releaseDate}}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="right">
|
||||||
|
<!-- <image :src="jianAct[i].picture" mode=""></image> -->
|
||||||
|
<image src="../../static/icon12.jpg" mode=""></image>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
@ -68,6 +87,7 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import http from '../../request/interface.js'
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
@ -86,18 +106,32 @@
|
||||||
image: 'https://cdn.uviewui.com/uview/swiper/swiper1.png',
|
image: 'https://cdn.uviewui.com/uview/swiper/swiper1.png',
|
||||||
title: '嘉禾'
|
title: '嘉禾'
|
||||||
}],
|
}],
|
||||||
num: 4
|
num: 4,
|
||||||
|
jianAct: [],
|
||||||
|
pages: 1,
|
||||||
|
size: 20,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
onShow() {
|
onShow() {
|
||||||
this.getData()
|
this.getData()
|
||||||
|
this.pages = 1
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
goDetail(id){
|
||||||
|
uni.navigateTo({
|
||||||
|
url:'/pages/literFamily/ActJianDetail?id='+id
|
||||||
|
})
|
||||||
|
},
|
||||||
getData() {
|
getData() {
|
||||||
let _this = this
|
let _this = this
|
||||||
this.http.request('/silhouette/list', {}, "GET").then(res => {
|
this.http.request('/silhouette/list', {
|
||||||
|
page: this.pages,
|
||||||
|
size: this.size
|
||||||
|
}, "GET").then(res => {
|
||||||
if (res.code == 200) {
|
if (res.code == 200) {
|
||||||
console.log(res.data)
|
console.log(res.data)
|
||||||
|
this.jianAct = res.data.records
|
||||||
|
|
||||||
_this.load = false
|
_this.load = false
|
||||||
}
|
}
|
||||||
}).catch(e => {
|
}).catch(e => {
|
||||||
|
@ -106,6 +140,25 @@
|
||||||
icon: "none",
|
icon: "none",
|
||||||
});
|
});
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
||||||
|
}, //上拉
|
||||||
|
getMoreData() {
|
||||||
|
|
||||||
|
this.http.request('/silhouette/list', {
|
||||||
|
page: this.pages,
|
||||||
|
size: this.size
|
||||||
|
}, "GET").then(res => {
|
||||||
|
res.data.records.map((v,i)=>{
|
||||||
|
this.jianAct.push(v)
|
||||||
|
})
|
||||||
|
|
||||||
|
}).catch(e => {
|
||||||
|
uni.showToast({
|
||||||
|
title: e.data.message,
|
||||||
|
icon: "none",
|
||||||
|
});
|
||||||
|
})
|
||||||
},
|
},
|
||||||
back() {
|
back() {
|
||||||
uni.navigateBack()
|
uni.navigateBack()
|
||||||
|
@ -116,6 +169,19 @@
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
// 下拉刷新
|
||||||
|
onPullDownRefresh() {
|
||||||
|
this.pages = 1
|
||||||
|
this.getData()
|
||||||
|
setTimeout(function() {
|
||||||
|
uni.stopPullDownRefresh();
|
||||||
|
}, 1000);
|
||||||
|
},
|
||||||
|
//上拉
|
||||||
|
onReachBottom() {
|
||||||
|
this.pages++
|
||||||
|
this.getMoreData();
|
||||||
|
},
|
||||||
onPageScroll(e) {
|
onPageScroll(e) {
|
||||||
let scrollTop = e.scrollTop
|
let scrollTop = e.scrollTop
|
||||||
this.opCalue = (scrollTop - 60) / 100
|
this.opCalue = (scrollTop - 60) / 100
|
||||||
|
@ -142,6 +208,7 @@
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
|
|
||||||
.apptitle {
|
.apptitle {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
Loading…
Reference in New Issue