xiangshan
/
yxxh5
22
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

change

This commit is contained in:
周源 2022-05-06 17:31:31 +08:00
parent 9cd81332f2
commit 630cdbd3d5
4 changed files with 544 additions and 233 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/pages.json
View File

@ -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

11
src/pages/PersonalCenter/PersonalCenter.vue
View File

@ -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({

231
src/pages/literFamily/ActJianDetail.vue Normal file
View File

@ -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>

87
src/pages/literFamily/literFamily.vue
View File

@ -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,13 +87,14 @@
</template> </template>
<script> <script>
import http from '../../request/interface.js'
export default { export default {
data() { data() {
return { return {
load: true, load: true,
statusHeight: 0, statusHeight: 0,
titleHeight: 50, titleHeight: 50,
opCalue:0, opCalue: 0,
list: [ list: [
'https://cdn.uviewui.com/uview/swiper/swiper3.png', 'https://cdn.uviewui.com/uview/swiper/swiper3.png',
'https://cdn.uviewui.com/uview/swiper/swiper2.png' 'https://cdn.uviewui.com/uview/swiper/swiper2.png'
@ -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: {
getData(){ goDetail(id){
uni.navigateTo({
url:'/pages/literFamily/ActJianDetail?id='+id
})
},
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,16 +140,48 @@
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()
}, },
GoWorksShow(id){ GoWorksShow(id) {
uni.navigateTo({ uni.navigateTo({
url:"/pages/AwardWinningWork/AwardWinningWork?id="+String(id) url: "/pages/AwardWinningWork/AwardWinningWork?id=" + String(id)
}) })
} }
}, },
// 下拉刷新
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;