theluyuan/deming
2
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

v

Browse Source
This commit is contained in:
zmr900709
2020-06-15 15:31:31 +08:00
parent 2eb42caeaa
commit c2916b57b1
4 changed files with 268 additions and 152 deletions
Download Patch File Download Diff File Expand all files Collapse all files

112
pageD/information/information.vue
View File

@@ -16,7 +16,7 @@
<!-- 消息通知 -->
<view class="backes">
<view id="information">
<view class="information_dl" v-for="(item,index) in information_dl">
<view class="information_dl" v-for="(item,index) in information_dl" :key="index" >
<view>
<image :src="item.url"></image>
</view>
@@ -30,34 +30,34 @@
</template>
<script>
import titles from "@/components/informations/titles/titles"
import titles from "@/components/informations/titles/titles"
export default {
data() {
return {
// 通知消息
information_dl: [{
id: 0,
url: '../../static/pageD/info(11).png',
text : '通知消息',
contentes : '亲，您购物车中的 [新鲜盆栽] 降价4.00元。',
title : '2020-7-21'
text: '通知消息',
contentes: '亲，您购物车中的 [新鲜盆栽] 降价4.00元。',
title: '2020-7-21'
},
{
id: 0,
url: '../../static/pageD/info(11).png',
text : '通知消息',
contentes : '亲，您购物车中的 [新鲜盆栽] 降价4.00元。',
title : '2020-7-21'
},
{
id: 0,
url: '../../static/pageD/info(11).png',
text : '通知消息',
contentes : '亲，您购物车中的 [新鲜盆栽] 降价4.00元。',
title : '2020-7-21'
},
id: 1,
url: '../../static/pageD/info(11).png',
text: '通知消息',
contentes: '亲，您购物车中的 [新鲜盆栽] 降价4.00元。',
title: '2020-7-21'
},
{
id: 2,
url: '../../static/pageD/info(11).png',
text: '通知消息',
contentes: '亲，您购物车中的 [新鲜盆栽] 降价4.00元。',
title: '2020-7-21'
},
],
value: '',
login: '登录',
@@ -76,8 +76,9 @@
mask_u() {
this.show = !this.show
},
},
components:{
components: {
titles,
}
};
@@ -88,31 +89,36 @@
height: 113rpx;
border: 1px #f00 solid;
}
.slot-wrap {
display: flex;
align-items: center;
/* 如果您想让slot内容占满整个导航栏的宽度 */
/* flex: 1; */
/* 如果您想让slot内容与导航栏左右有空隙 */
/* padding: 0 30rpx; */
image{
width: 60rpx;
height: 60rpx;
position: absolute;
right: 90rpx;
}
image:nth-child(2){
width: 34rpx;
height: 40rpx;
position: absolute;
right: 30rpx;
}
display: flex;
align-items: center;
/* 如果您想让slot内容占满整个导航栏的宽度 */
/* flex: 1; */
/* 如果您想让slot内容与导航栏左右有空隙 */
/* padding: 0 30rpx; */
image {
width: 60rpx;
height: 60rpx;
position: absolute;
right: 90rpx;
}
.backes{
image:nth-child(2) {
width: 34rpx;
height: 40rpx;
position: absolute;
right: 30rpx;
}
}
.backes {
background: #fff;
margin-bottom: 10rpx;
}
.information_dl{
.information_dl {
width: 710rpx;
margin: 0 auto;
overflow: hidden;
@@ -121,38 +127,44 @@
padding-bottom: 23rpx;
border-bottom: 1px #ececec solid;
padding: 20rpx 5rpx 23rpx 5rpx;
image{
image {
width: 84rpx;
height: 84rpx;
margin-right: 16rpx;
}
view{
view {
float: left;
display: block;
}
.title{
.title {
font-size: 30rpx;
color: #333;
width: 600rpx;
margin-bottom: 15rpx;
margin-top: 9rpx;
}
.contentes{
.contentes {
font-size: 20rpx;
color: #999;
width: 600rpx;
}
}
.times{
.times {
position: absolute;
top: 30rpx;
right: 0;
color: #333333;
font-size:20rpx;
}
uni-page-wrapper{
font-size: 20rpx;
}
uni-page-wrapper {}
page {
background: #ececec!important;
background: #ececec !important;
}
</style>