This commit is contained in:
Gdpao
2020-08-06 20:42:03 +08:00
parent 201f858833
commit 090b7cc753
22 changed files with 209 additions and 184 deletions

View File

@@ -1,18 +1,20 @@
<template>
<view id="actives">
<!-- 活动消息推送 -->
<view class="activity" v-for="(item, index) in actives" :key="index">
<view class="times">{{item.type}}</view>
<view class="content">
<view class="title">{{item.title}}</view>
<view class="images_about">
<image :src="item.goods_image"></image>
<view>
<text>{{item.summary}}</text>
</view>
</view>
</view>
</view>
<block v-for="(item, index) in actives" :key="index">
<view class="time">{{ item.addtime }}</view>
<view class="activity">
<view class="content">
<view class="title">{{item.title}}</view>
<view class="images_about">
<image :src="item.goods_image" mode="aspectFill"></image>
<view>
<text class="u-line-2">{{item.summary}}</text>
</view>
</view>
</view>
</view>
</block>
</view>
</template>
@@ -30,13 +32,13 @@
},
methods: {
titletext(){
console.log("22345")
},
// 活动消息列表
messageactivityList(){
this.$u.api.messageactivityList({}).then((res)=>{
console.log(res)
this.actives = res.data
if (res.errCode == 0) {
this.actives = res.data;
}
})
}
},
@@ -52,9 +54,14 @@
#actives{
background: #ECECEC;
height: 100%;
.time {
padding: 30rpx 0;
color: #666;
text-align: center;
font-size: 28rpx;
}
}
.activity{
.times{
width:100%;
font-size:28rpx;
@@ -71,9 +78,9 @@
margin: 0 auto;
overflow: hidden;
image{
width: 137rpx;
flex-shrink: 0;
width: 140rpx;
height: 140rpx;
float: left;
}
.title{
font-size:30rpx;
@@ -81,25 +88,17 @@
padding: 0rpx 0 19rpx;
}
.images_about{
overflow: hidden;
text{
display: table-cell;
display: flex;
& > view{
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
height: 140rpx;
vertical-align: middle;
width: 400rpx;
padding-left: 15rpx;
line-height: 36rpx;
display: block;
overflow:hidden; //超出的文本隐藏
text-overflow:ellipsis; //用省略号显示
white-space:nowrap; //不换行
}
view{
display: inline-block;
float: left;
width:430rpx;
height:140rpx;
background:rgba(241,241,241,1);
padding: 20rpx;
background: rgba(241,241,241,1);
& > text {
}
}
}
}

View File

@@ -2,10 +2,10 @@
<view class="attention">
<view class="attention_box" v-for="(item,index) in attention" :key="index">
<view>
<image :src="item.url"></image>
<image :src="item.friend_tomavatar" mode="aspectFill"></image>
</view>
<view>{{item.name}}</view>
<view>状态{{item.type}}</view>
<view>{{item.friend_tomname}}</view>
<view>{{item.live_status ? '正在直播' : '未直播'}}</view>
<view class="cur_two" @click="tapClick(index)" v-if = "item.about == 1">已关注</view>
<view class="cur" @click="tapClick(index)" v-else = "item.about == 2">未关注</view>
</view>
@@ -19,37 +19,7 @@
return {
rSelect:[],
type : '未关注',
attention: [{
url: '../../pageE/static/mine/1.png',
name: '达人昵称',
type: '正在直播',
about: 1
},
{
url: '../../pageE/static/mine/1.png',
name: '达人昵称',
type: '正在直播',
about: 2
},
{
url: '../../pageE/static/mine/1.png',
name: '达人昵称',
type: '正在直播',
about: 1
},
{
url: '../../pageE/static/mine/1.png',
name: '达人昵称',
type: '正在直播',
about: 1
},
{
url: '../../pageE/static/mine/1.png',
name: '达人昵称',
type: '正在直播',
about: 1
}
]
attention: []
};
},
onLoad(){
@@ -64,13 +34,11 @@
this.rSelect.push(index); //选中添加到数组里
} else {
this.rSelect.splice(this.rSelect.indexOf(index), 1); //取消
}
},
snsfriendList(){
this.$u.api.snsfriendList({}).then((res)=>{
console.log(res)
// this.attention = res.data
this.attention = res.data;
})
}
},
@@ -102,7 +70,7 @@
view image {
width: 80rpx;
height: 80rpx;
display: block;
border-radius: 50%;
margin: 24rpx auto 0;
}

View File

@@ -25,45 +25,21 @@
export default {
data() {
return {
actives: [
{
url: '../../pageE/static/mine/1.png',
name: '您的订单已发货',
type: '2020-05-14 20:11',
about: '百搭休闲格纹裙!你值得有用!'
},
{
url: '../../pageE/static/mine/1.png',
name: '百元趋势新品',
type: '2020-05-14 20:11',
about: '百搭休闲格纹裙!你值得有用!'
},
{
url: '../../pageE/static/mine/1.png',
name: '百元趋势新品',
type: '2020-05-14 20:11',
about: '百搭休闲格纹裙!你值得有用!'
},
{
url: '../../pageE/static/mine/1.png',
name: '百元趋势新品',
type: '2020-05-14 20:11',
about: '百搭休闲格纹裙!你值得有用!'
},
{
url: '../../pageE/static/mine/1.png',
name: '百元趋势新品',
type: '2020-05-14 20:11',
about: '百搭休闲格纹裙!你值得有用!'
},
]
actives: [],
page: 1
};
},
onLoad() {
this.getCartList();
},
methods: {
titletext(){
console.log("22345")
}
getCartList() {
this.$u.post("message/orderDeliveryList",{page: this.page}).then(res => {
if (res.errCode == 0) {
this.actives == res.data;
}
})
}
},
components:{
}
@@ -72,7 +48,6 @@
<style lang="scss" scoped>
#actives{
background: #ECECEC;
height: 100%;
}
.activity{

View File

@@ -1,7 +1,7 @@
<template>
<view>
<!-- 公告咨询 -->
<notice></notice>
<notice :list="list"></notice>
</view>
</template>
@@ -10,18 +10,18 @@
export default {
data() {
return {
list: [],
};
},
onLoad(){
this.informationList()
this.informationList();
},
methods: {
titletext(){
console.log("22345")
},
informationList(){
this.$u.api.informationList({}).then((res)=>{
console.log(res)
this.list = res.data;
})
}
},