This commit is contained in:
parent
da68810ac0
commit
e1610c6bd5
|
@ -612,6 +612,14 @@
|
||||||
"enablePullDownRefresh": false
|
"enablePullDownRefresh": false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
// 下乡管理
|
||||||
|
{
|
||||||
|
"path": "xxgl/index",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "下乡管理",
|
||||||
|
"enablePullDownRefresh": false
|
||||||
|
}
|
||||||
|
},
|
||||||
// 线上看展
|
// 线上看展
|
||||||
{
|
{
|
||||||
"path": "xskz/index",
|
"path": "xskz/index",
|
||||||
|
@ -628,7 +636,6 @@
|
||||||
"enablePullDownRefresh": false
|
"enablePullDownRefresh": false
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<u-loading-page :loading="load"></u-loading-page>
|
<u-loading-page :loading="load"></u-loading-page>
|
||||||
</view>
|
</view>
|
||||||
<view v-if="load == false">
|
<view v-if="load == false">
|
||||||
<view class="top" :style="{ 'height': titleHeight + 'px' }">
|
<view class="top" :style="{ height: titleHeight + 'px' }">
|
||||||
<image class="bg" src="../../static/MyBg.png" mode=""></image>
|
<image class="bg" src="../../static/MyBg.png" mode=""></image>
|
||||||
<view class="avator_box" @click="GoPersonalCenter">
|
<view class="avator_box" @click="GoPersonalCenter">
|
||||||
<view class="tou">
|
<view class="tou">
|
||||||
|
@ -33,25 +33,19 @@
|
||||||
<view class="nums">
|
<view class="nums">
|
||||||
{{ care }}
|
{{ care }}
|
||||||
</view>
|
</view>
|
||||||
<view class="itms_name">
|
<view class="itms_name"> 关注 </view>
|
||||||
关注
|
|
||||||
</view>
|
|
||||||
</view>
|
</view>
|
||||||
<view class="fans_itm" @click="toCol()">
|
<view class="fans_itm" @click="toCol()">
|
||||||
<view class="nums">
|
<view class="nums">
|
||||||
{{ colNum }}
|
{{ colNum }}
|
||||||
</view>
|
</view>
|
||||||
<view class="itms_name">
|
<view class="itms_name"> 收藏 </view>
|
||||||
收藏
|
|
||||||
</view>
|
|
||||||
</view>
|
</view>
|
||||||
<view class="fans_itm" @click="toFans()">
|
<view class="fans_itm" @click="toFans()">
|
||||||
<view class="nums">
|
<view class="nums">
|
||||||
{{ fans }}
|
{{ fans }}
|
||||||
</view>
|
</view>
|
||||||
<view class="itms_name">
|
<view class="itms_name"> 粉丝 </view>
|
||||||
粉丝
|
|
||||||
</view>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="jifen_box">
|
<view class="jifen_box">
|
||||||
|
@ -73,47 +67,35 @@
|
||||||
<image src="../../static/DunIcon.png" mode=""></image>
|
<image src="../../static/DunIcon.png" mode=""></image>
|
||||||
</view>
|
</view>
|
||||||
<view class="ji_word_box">
|
<view class="ji_word_box">
|
||||||
<view class="ji_word_title">
|
<view class="ji_word_title"> 我的交易 </view>
|
||||||
我的交易
|
<view class="ji_con"> 作品交易订单 </view>
|
||||||
</view>
|
|
||||||
<view class="ji_con">
|
|
||||||
作品交易订单
|
|
||||||
</view>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="content_bott">
|
<view class="content_bott">
|
||||||
<view class="content_bott_itm" @click="toWork()">
|
<view class="content_bott_itm" @click="toWork()">
|
||||||
<view class="content_bott_wods">
|
<view class="content_bott_wods"> 我的作品 </view>
|
||||||
我的作品
|
|
||||||
</view>
|
|
||||||
<view class="content_bott_arrow">
|
<view class="content_bott_arrow">
|
||||||
<image src="../../static/rightArrow.png" mode=""></image>
|
<image src="../../static/rightArrow.png" mode=""></image>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="content_bott_itm" @click="tohdM()">
|
<view class="content_bott_itm" @click="tohdM()">
|
||||||
<view class="content_bott_wods">
|
<view class="content_bott_wods"> 活动管理 </view>
|
||||||
活动管理
|
|
||||||
</view>
|
|
||||||
<view class="content_bott_arrow">
|
<view class="content_bott_arrow">
|
||||||
<image src="../../static/rightArrow.png" mode=""></image>
|
<image src="../../static/rightArrow.png" mode=""></image>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="content_bott_itm" @click="toOrderControl()">
|
<view class="content_bott_itm" @click="toOrderControl()">
|
||||||
<view class="content_bott_wods">
|
<view class="content_bott_wods"> 点单管理 </view>
|
||||||
点单管理
|
|
||||||
</view>
|
|
||||||
<view class="content_bott_arrow">
|
<view class="content_bott_arrow">
|
||||||
<image src="../../static/rightArrow.png" mode=""></image>
|
<image src="../../static/rightArrow.png" mode=""></image>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="content_bott_itm" >
|
<view class="content_bott_itm" @click="toCountryside()">
|
||||||
<!-- @click="" -->
|
<!-- @click="" -->
|
||||||
<view class="content_bott_wods">
|
<view class="content_bott_wods"> 下乡管理 </view>
|
||||||
下乡管理
|
|
||||||
</view>
|
|
||||||
<view class="content_bott_arrow">
|
<view class="content_bott_arrow">
|
||||||
<image src="../../static/rightArrow.png" mode=""></image>
|
<image src="../../static/rightArrow.png" mode=""></image>
|
||||||
</view>
|
</view>
|
||||||
|
@ -127,19 +109,14 @@
|
||||||
</view>
|
</view>
|
||||||
</view> -->
|
</view> -->
|
||||||
|
|
||||||
|
|
||||||
<view class="content_bott_itm" @click="myNews()">
|
<view class="content_bott_itm" @click="myNews()">
|
||||||
<view class="content_bott_wods">
|
<view class="content_bott_wods"> 消息 </view>
|
||||||
消息
|
|
||||||
</view>
|
|
||||||
<view class="content_bott_arrow">
|
<view class="content_bott_arrow">
|
||||||
<image src="../../static/rightArrow.png" mode=""></image>
|
<image src="../../static/rightArrow.png" mode=""></image>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="content_bott_itm" @click="toSz()">
|
<view class="content_bott_itm" @click="toSz()">
|
||||||
<view class="content_bott_wods">
|
<view class="content_bott_wods"> 设置 </view>
|
||||||
设置
|
|
||||||
</view>
|
|
||||||
<view class="content_bott_arrow">
|
<view class="content_bott_arrow">
|
||||||
<image src="../../static/rightArrow.png" mode=""></image>
|
<image src="../../static/rightArrow.png" mode=""></image>
|
||||||
</view>
|
</view>
|
||||||
|
@ -147,215 +124,238 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<u-gap height="50" bgColor="#F4F5F7"></u-gap>
|
<u-gap height="50" bgColor="#F4F5F7"></u-gap>
|
||||||
<tabbar tabbarId='5'></tabbar>
|
<tabbar tabbarId="5"></tabbar>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
data () {
|
data() {
|
||||||
return {
|
return {
|
||||||
load: true,
|
load: true,
|
||||||
image: '',
|
image: "",
|
||||||
userName: '',
|
userName: "",
|
||||||
userId: '',
|
userId: "",
|
||||||
point: '',
|
point: "",
|
||||||
colNum: '',
|
colNum: "",
|
||||||
fans: '',
|
fans: "",
|
||||||
care: '',
|
care: "",
|
||||||
yhsf: '',
|
yhsf: "",
|
||||||
isUnread: false,
|
isUnread: false,
|
||||||
statusHeight: 0,
|
statusHeight: 0,
|
||||||
titleHeight: 90,
|
titleHeight: 90,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
onReady () {
|
onReady() {
|
||||||
const systemMsg = uni.getSystemInfoSync();
|
const systemMsg = uni.getSystemInfoSync();
|
||||||
this.statusHeight = systemMsg.statusBarHeight
|
this.statusHeight = systemMsg.statusBarHeight;
|
||||||
// #ifdef MP-WEIXIN
|
// #ifdef MP-WEIXIN
|
||||||
const menuButtonInfo = uni.getMenuButtonBoundingClientRect() //胶囊
|
const menuButtonInfo = uni.getMenuButtonBoundingClientRect(); //胶囊
|
||||||
this.titleHeight = 90 + menuButtonInfo.height + (menuButtonInfo.top - systemMsg.statusBarHeight) * 2
|
this.titleHeight =
|
||||||
|
90 +
|
||||||
|
menuButtonInfo.height +
|
||||||
|
(menuButtonInfo.top - systemMsg.statusBarHeight) * 2;
|
||||||
// #endif
|
// #endif
|
||||||
},
|
},
|
||||||
onShow () {
|
onShow() {
|
||||||
this.getUserInfo()
|
this.getUserInfo();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
//用户信息
|
//用户信息
|
||||||
getUserInfo () {
|
getUserInfo() {
|
||||||
let _this = this
|
let _this = this;
|
||||||
this.http.request('/user/userInfo', {}, "GET").then(res => {
|
this.http
|
||||||
|
.request("/user/userInfo", {}, "GET")
|
||||||
|
.then((res) => {
|
||||||
if (res.code == 200) {
|
if (res.code == 200) {
|
||||||
// let img = JSON.parse(res.data.images)
|
// let img = JSON.parse(res.data.images)
|
||||||
this.image = res.data.images
|
this.image = res.data.images;
|
||||||
this.userName = res.data.userName
|
this.userName = res.data.userName;
|
||||||
this.userId = res.data.id
|
this.userId = res.data.id;
|
||||||
this.yhsf = res.data.yhsf
|
this.yhsf = res.data.yhsf;
|
||||||
this.point = res.data.point
|
this.point = res.data.point;
|
||||||
this.getCol()
|
this.getCol();
|
||||||
}
|
}
|
||||||
}).catch(e => {
|
})
|
||||||
|
.catch((e) => {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: e.data.message,
|
title: e.data.message,
|
||||||
icon: "none",
|
icon: "none",
|
||||||
});
|
});
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
//收藏数
|
//收藏数
|
||||||
getCol () {
|
getCol() {
|
||||||
this.http.request('/worksCollection', {}, "GET").then(res => {
|
this.http
|
||||||
|
.request("/worksCollection", {}, "GET")
|
||||||
|
.then((res) => {
|
||||||
if (res.code == 200) {
|
if (res.code == 200) {
|
||||||
if (res.data.length == 0) {
|
if (res.data.length == 0) {
|
||||||
this.colNum = 0
|
this.colNum = 0;
|
||||||
} else {
|
} else {
|
||||||
this.colNum = res.data.total
|
this.colNum = res.data.total;
|
||||||
}
|
}
|
||||||
this.getCare()
|
this.getCare();
|
||||||
}
|
}
|
||||||
}).catch(e => {
|
})
|
||||||
|
.catch((e) => {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: e.data.message,
|
title: e.data.message,
|
||||||
icon: "none",
|
icon: "none",
|
||||||
});
|
});
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
//关注数
|
//关注数
|
||||||
getCare () {
|
getCare() {
|
||||||
this.http.request('/userFollow/myFollow', {}, "GET").then(res => {
|
this.http
|
||||||
|
.request("/userFollow/myFollow", {}, "GET")
|
||||||
|
.then((res) => {
|
||||||
if (res.code == 200) {
|
if (res.code == 200) {
|
||||||
if (res.data.length == 0) {
|
if (res.data.length == 0) {
|
||||||
this.care = 0
|
this.care = 0;
|
||||||
} else {
|
} else {
|
||||||
this.care = res.data.total
|
this.care = res.data.total;
|
||||||
}
|
}
|
||||||
this.getFans()
|
this.getFans();
|
||||||
}
|
}
|
||||||
}).catch(e => {
|
})
|
||||||
|
.catch((e) => {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: e.data.message,
|
title: e.data.message,
|
||||||
icon: "none",
|
icon: "none",
|
||||||
});
|
});
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
//粉丝数
|
//粉丝数
|
||||||
getFans () {
|
getFans() {
|
||||||
this.http.request('/userFollow/myFans', {}, "GET").then(res => {
|
this.http
|
||||||
|
.request("/userFollow/myFans", {}, "GET")
|
||||||
|
.then((res) => {
|
||||||
if (res.code == 200) {
|
if (res.code == 200) {
|
||||||
if (res.data.length == 0) {
|
if (res.data.length == 0) {
|
||||||
this.fans = 0
|
this.fans = 0;
|
||||||
} else {
|
} else {
|
||||||
this.fans = res.data.total
|
this.fans = res.data.total;
|
||||||
}
|
}
|
||||||
this.load = false
|
this.load = false;
|
||||||
}
|
}
|
||||||
}).catch(e => {
|
})
|
||||||
|
.catch((e) => {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: e.data.message,
|
title: e.data.message,
|
||||||
icon: "none",
|
icon: "none",
|
||||||
});
|
});
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
//未读
|
//未读
|
||||||
getTalkList () {
|
getTalkList() {
|
||||||
let _this = this
|
let _this = this;
|
||||||
this.http.request('/chat/lists', {}, "GET").then(res => {
|
this.http
|
||||||
|
.request("/chat/lists", {}, "GET")
|
||||||
|
.then((res) => {
|
||||||
if (res.code == 200) {
|
if (res.code == 200) {
|
||||||
if (res.data.length > 0) {
|
if (res.data.length > 0) {
|
||||||
res.data.forEach(function (item) {
|
res.data.forEach(function (item) {
|
||||||
if (item.unread > 0)
|
if (item.unread > 0) _this.isUnread = true;
|
||||||
_this.isUnread = true
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
})
|
})
|
||||||
}
|
.catch((e) => {
|
||||||
}
|
|
||||||
}).catch(e => {
|
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: e.data.message,
|
title: e.data.message,
|
||||||
icon: "none",
|
icon: "none",
|
||||||
});
|
});
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
//跳转积分
|
//跳转积分
|
||||||
gopointsPg () {
|
gopointsPg() {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: "/pagesB/MyPoints/MyPoints"
|
url: "/pagesB/MyPoints/MyPoints",
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
//我的交易
|
//我的交易
|
||||||
goOrderDetails () {
|
goOrderDetails() {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: "/pagesB/MyOrder/MyOrder"
|
url: "/pagesB/MyOrder/MyOrder",
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
//修改个人信息
|
//修改个人信息
|
||||||
GoPersonalCenter () {
|
GoPersonalCenter() {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: "/pagesB/PersonalCenter/PersonalCenter"
|
url: "/pagesB/PersonalCenter/PersonalCenter",
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
//我的收藏
|
//我的收藏
|
||||||
toCol () {
|
toCol() {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: "/pagesA/my/myCollection"
|
url: "/pagesA/my/myCollection",
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
//我的关注
|
//我的关注
|
||||||
toFollow () {
|
toFollow() {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: "/pagesA/my/myFollow?tab=0"
|
url: "/pagesA/my/myFollow?tab=0",
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
//我的粉丝
|
//我的粉丝
|
||||||
toFans () {
|
toFans() {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: "/pagesA/my/myFollow?tab=1"
|
url: "/pagesA/my/myFollow?tab=1",
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
//我的作品
|
//我的作品
|
||||||
toWork () {
|
toWork() {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: "/pagesA/my/myWoekList",
|
url: "/pagesA/my/myWoekList",
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
//点单管理
|
//点单管理
|
||||||
toOrderControl () {
|
toOrderControl() {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
// 稍后改为 订单管理的页面
|
// 稍后改为 订单管理的页面
|
||||||
url: "OrderActControl",
|
url: "OrderActControl",
|
||||||
})
|
});
|
||||||
|
},
|
||||||
|
//下乡管理
|
||||||
|
toCountryside() {
|
||||||
|
uni.navigateTo({
|
||||||
|
// 稍后改为 订单管理的页面
|
||||||
|
url: "/pagesD/xxgl/index",
|
||||||
|
});
|
||||||
},
|
},
|
||||||
//收货地址
|
//收货地址
|
||||||
toAddress () {
|
toAddress() {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: "/pagesA/ReceivingAddress/ReceivingAddress",
|
url: "/pagesA/ReceivingAddress/ReceivingAddress",
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
//设置
|
//设置
|
||||||
toSz () {
|
toSz() {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: "/pagesA/my/logOut"
|
url: "/pagesA/my/logOut",
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
//作品管理
|
//作品管理
|
||||||
tohdM () {
|
tohdM() {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: "/pagesA/activeManage/activeManage",
|
url: "/pagesA/activeManage/activeManage",
|
||||||
})
|
});
|
||||||
},
|
},
|
||||||
// 消息
|
// 消息
|
||||||
myNews () {
|
myNews() {
|
||||||
|
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: "/pagesA/msg/msg"
|
url: "/pagesA/msg/msg",
|
||||||
})
|
});
|
||||||
}
|
},
|
||||||
}
|
},
|
||||||
}
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
page {
|
page {
|
||||||
background-color: #F4F5F7;
|
background-color: #f4f5f7;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
@ -395,7 +395,7 @@ image {
|
||||||
margin-left: 24rpx;
|
margin-left: 24rpx;
|
||||||
|
|
||||||
.user_name_de {
|
.user_name_de {
|
||||||
color: #251B1D;
|
color: #251b1d;
|
||||||
font-size: 40rpx;
|
font-size: 40rpx;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
|
|
||||||
|
@ -420,10 +420,9 @@ image {
|
||||||
|
|
||||||
.words {
|
.words {
|
||||||
margin-top: 16rpx;
|
margin-top: 16rpx;
|
||||||
color: #AFADB0;
|
color: #afadb0;
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.arrow {
|
.arrow {
|
||||||
|
@ -431,10 +430,8 @@ image {
|
||||||
height: 48rpx;
|
height: 48rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.content_area {
|
.content_area {
|
||||||
padding: 0 32rpx;
|
padding: 0 32rpx;
|
||||||
margin-bottom: 120rpx;
|
margin-bottom: 120rpx;
|
||||||
|
@ -447,18 +444,18 @@ image {
|
||||||
height: 160rpx;
|
height: 160rpx;
|
||||||
border: 1px solid transparent;
|
border: 1px solid transparent;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
background-color: #FFFFFF;
|
background-color: #ffffff;
|
||||||
|
|
||||||
.fans_itm {
|
.fans_itm {
|
||||||
.nums {
|
.nums {
|
||||||
color: #251B1D;
|
color: #251b1d;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-family: DIN-Bold, DIN;
|
font-family: DIN-Bold, DIN;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.itms_name {
|
.itms_name {
|
||||||
color: #AFADB0;
|
color: #afadb0;
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
margin-top: 16rpx;
|
margin-top: 16rpx;
|
||||||
}
|
}
|
||||||
|
@ -477,7 +474,7 @@ image {
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 332rpx;
|
width: 332rpx;
|
||||||
height: 136rpx;
|
height: 136rpx;
|
||||||
background-color: #FFFFFF;
|
background-color: #ffffff;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
|
|
||||||
.ji_ico {
|
.ji_ico {
|
||||||
|
@ -492,12 +489,12 @@ image {
|
||||||
|
|
||||||
.ji_word_title {
|
.ji_word_title {
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
color: #251B1D;
|
color: #251b1d;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ji_con {
|
.ji_con {
|
||||||
color: #AFADB0;
|
color: #afadb0;
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
margin-top: 8rpx;
|
margin-top: 8rpx;
|
||||||
|
@ -508,7 +505,7 @@ image {
|
||||||
|
|
||||||
.content_bott {
|
.content_bott {
|
||||||
padding: 32rpx;
|
padding: 32rpx;
|
||||||
background-color: #FFFFFF;
|
background-color: #ffffff;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
|
|
||||||
.content_bott_itm {
|
.content_bott_itm {
|
||||||
|
@ -519,7 +516,7 @@ image {
|
||||||
|
|
||||||
.content_bott_wods {
|
.content_bott_wods {
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
color: #251B1D;
|
color: #251b1d;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -24,13 +24,29 @@
|
||||||
</view>
|
</view>
|
||||||
</view> -->
|
</view> -->
|
||||||
<view class="forms">
|
<view class="forms">
|
||||||
<view class="teamBox" v-for="(item, index) in list" :key="item.id">
|
<view
|
||||||
|
class="teamBox"
|
||||||
|
v-for="item in list"
|
||||||
|
:key="item.id"
|
||||||
|
@click="skip({ id: item.id })"
|
||||||
|
>
|
||||||
<view class="teamBox-top">
|
<view class="teamBox-top">
|
||||||
<image class="team-image" :src="item.linkPath" mode="scaleToFill" />
|
<view class="content">
|
||||||
|
<view class="content-title">
|
||||||
|
<text>{{ item.name }}</text>
|
||||||
|
</view>
|
||||||
|
<image
|
||||||
|
class="team-image"
|
||||||
|
src="https://cdn.uviewui.com/uview/album/1.jpg"
|
||||||
|
mode="scaleToFill"
|
||||||
|
/>
|
||||||
|
</view>
|
||||||
<view class="mask">
|
<view class="mask">
|
||||||
|
<view class="mask-play">
|
||||||
<image src="../../static/play.png"></image>
|
<image src="../../static/play.png"></image>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
</view>
|
||||||
<view class="teamBox-bottom">
|
<view class="teamBox-bottom">
|
||||||
<view class="interactive">
|
<view class="interactive">
|
||||||
<image src="../../static/play-1.png" mode=""></image>
|
<image src="../../static/play-1.png" mode=""></image>
|
||||||
|
@ -102,6 +118,12 @@ export default {
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
skip(query = {}) {
|
||||||
|
this.$router.push({
|
||||||
|
path: "/pagesD/xskz/details",
|
||||||
|
query,
|
||||||
|
});
|
||||||
|
},
|
||||||
playMask(obj) {
|
playMask(obj) {
|
||||||
// this.videoList[index].play = false;
|
// this.videoList[index].play = false;
|
||||||
// var video = document.getElementById("video");
|
// var video = document.getElementById("video");
|
||||||
|
@ -163,44 +185,52 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.forms {
|
.forms {
|
||||||
width: 90%;
|
|
||||||
margin: 40rpx auto 0rpx;
|
margin: 40rpx auto 0rpx;
|
||||||
.teamBox {
|
.teamBox {
|
||||||
.teamBox-top {
|
.teamBox-top {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
.content {
|
||||||
.team-image {
|
position: relative;
|
||||||
width: 100%;
|
z-index: 4;
|
||||||
height: 400rpx;
|
.content-title {
|
||||||
border: 2px solid red;
|
|
||||||
}
|
|
||||||
.mask {
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
z-index: 10;
|
||||||
width: 100%;
|
padding: 18rpx;
|
||||||
height: 100%;
|
|
||||||
z-index: 99;
|
|
||||||
text {
|
text {
|
||||||
// position: absolute;
|
|
||||||
// left: 60rpx;
|
|
||||||
color: #fff;
|
color: #fff;
|
||||||
max-width: 500rpx;
|
max-width: 500rpx;
|
||||||
overflow: hidden; /* 超出一行文字自动隐藏 */
|
overflow: hidden; /* 超出一行文字自动隐藏 */
|
||||||
text-overflow: ellipsis; /*文字隐藏后添加省略号*/
|
text-overflow: ellipsis; /*文字隐藏后添加省略号*/
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
.team-image {
|
||||||
|
width: 100%;
|
||||||
|
height: 400rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.mask {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
z-index: 12;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
.mask-play {
|
||||||
image {
|
image {
|
||||||
width: 60rpx;
|
width: 60rpx;
|
||||||
height: 60rpx;
|
height: 60rpx;
|
||||||
margin: 110rpx 0 0 300rpx;
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.teamBox-bottom {
|
.teamBox-bottom {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
width: 100%;
|
padding: 15rpx 32rpx;
|
||||||
padding: 15rpx 15rpx;
|
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
.interactive {
|
.interactive {
|
||||||
|
|
Loading…
Reference in New Issue