Skip to content

Z
zhqg-mini
Commit 6bb006b0 by wangyalan-git
Options

首页资讯

parent 93c50a4a
Showing with 657 additions and 153 deletions
app.json
...@@ -22,6 +22,8 @@ ...@@ -22,6 +22,8 @@
"pages/footprint/footprint", "pages/footprint/footprint",
"pages/recent-news/recent-news", "pages/recent-news/recent-news",
"pages/news-detail/news-detail", "pages/news-detail/news-detail",
"pages/newsList/index",
"pages/newDetail/index",
"pages/invite/invite", "pages/invite/invite",
"pages/orderFlow/orderFlow", "pages/orderFlow/orderFlow",
"pages/distribution/index", "pages/distribution/index",
......
pages/balanceRecord/index.js
...@@ -37,7 +37,7 @@ Page({ ...@@ -37,7 +37,7 @@ Page({
url: "/balanceRecord/getBalanceRecordList", url: "/balanceRecord/getBalanceRecordList",
method: "GET", method: "GET",
data: { data: {
userId: app.globalData.userInfo.userId, userId : app.globalData.userInfo.userId,
// userId: '3d79cbae35cd42ee8906839004335c18', // userId: '3d79cbae35cd42ee8906839004335c18',
pageNum: this.data.pageNum, pageNum: this.data.pageNum,
pageSize: 10 pageSize: 10
......
pages/index/index.js
...@@ -27,7 +27,13 @@ Page({ ...@@ -27,7 +27,13 @@ Page({
}, },
onLoad: function (options) { onLoad: function (options) {
this.getAllData(); this.getAllData();
},
toNews(e) {
let id = e.currentTarget.dataset.id
wx.navigateTo({
url: '/pages/newDetail/index?id=' + id,
})
}, },
getVideoShow() { getVideoShow() {
var params = { var params = {
...@@ -70,7 +76,7 @@ Page({ ...@@ -70,7 +76,7 @@ Page({
console.log("绑定成功", res) console.log("绑定成功", res)
}, },
errCallBack: (res) => { errCallBack: (res) => {
console.log("res",res) console.log("res", res)
} }
}; };
...@@ -132,18 +138,18 @@ Page({ ...@@ -132,18 +138,18 @@ Page({
onShow: function () { onShow: function () {
let token = wx.getStorageSync('token') let token = wx.getStorageSync('token')
let shareCode = wx.getStorageSync('shareCode') let shareCode = wx.getStorageSync('shareCode')
console.log('页面参数路径', shareCode,token) console.log('页面参数路径', shareCode, token)
// 登录返回 // 登录返回
shareCode && token && this.boundParentByShareCode(shareCode); shareCode && token && this.boundParentByShareCode(shareCode);
// 如果是点击转发跳转进来，分析参数page // 如果是点击转发跳转进来，分析参数page
if (this.options.shareCode) { if (this.options.shareCode) {
app.globalData.shareCode = this.options.shareCode app.globalData.shareCode = this.options.shareCode
wx.setStorageSync('shareCode', this.options.shareCode) wx.setStorageSync('shareCode', this.options.shareCode)
token && this.boundParentByShareCode(this.options.shareCode); // 绑定内容获取 token && this.boundParentByShareCode(this.options.shareCode); // 绑定内容获取
} }
console.log('邀请码',shareCode) console.log('邀请码', shareCode)
// 扫码页面渲染完成 // 扫码页面渲染完成
if (this.options.scene) { if (this.options.scene) {
let scene = decodeURIComponent(this.options.scene); let scene = decodeURIComponent(this.options.scene);
...@@ -153,7 +159,12 @@ Page({ ...@@ -153,7 +159,12 @@ Page({
} }
}, },
goMore(e) {
let type = e.currentTarget.dataset.type
wx.navigateTo({
url: '/pages/newsList/index?type=' + type,
})
},
getAllData() { getAllData() {
let user = app.globalData.userInfo let user = app.globalData.userInfo
if (user && user.id) { if (user && user.id) {
...@@ -163,8 +174,52 @@ Page({ ...@@ -163,8 +174,52 @@ Page({
// this.getIndexImgs() // this.getIndexImgs()
this.getNoticeList(); this.getNoticeList();
this.getTag(); this.getTag();
this.getHeadNews()
this.getHotNews()
}, },
getHeadNews() {
var params = {
url: "/consult/getPageList",
method: "GET",
data: {
type: 1,
status: 0,
commentStatus: 0,
pageNum: 1,
pageSize: 3,
userId: app.globalData.userInfo.userId,
},
callBack: (res) => {
console.log('头条', res.result.list)
this.setData({
headNews: res.result.list,
});
}
};
http.request(params);
},
getHotNews() {
var params = {
url: "/consult/getPageList",
method: "GET",
data: {
type: 2,
status: 0,
commentStatus: 0,
pageNum: 1,
pageSize: 3,
userId: app.globalData.userInfo.userId,
},
callBack: (res) => {
console.log('头条', res.result.list)
this.setData({
hotNews: res.result.list,
});
}
};
http.request(params);
},
//加载轮播图 //加载轮播图
getIndexImgs() { getIndexImgs() {
//加载轮播图 //加载轮播图
......
pages/index/index.wxml
...@@ -21,60 +21,61 @@ ...@@ -21,60 +21,61 @@
<image src='/images/icon/playBtn.png' class='playbtn' bindtap="videoPlay" data-video="{{item.video}}"> <image src='/images/icon/playBtn.png' class='playbtn' bindtap="videoPlay" data-video="{{item.video}}">
</image> </image>
</view> </view>
<image src='{{item.imgUrl}}' data-prodid='{{item.relation}}' bindtap='toProdPage' class='banner' mode="aspectFill"></image> <image src='{{item.imgUrl}}' data-prodid='{{item.relation}}' bindtap='toProdPage' class='banner'
mode="aspectFill"></image>
</view> </view>
</swiper-item> </swiper-item>
</block> </block>
</swiper> </swiper>
<view wx:else class="my-video"> <view wx:else class="my-video">
<video class='box-w block' id="video" src="{{video}}" show-center-play-btn="{{false}}" <video class='box-w block' id="video" src="{{video}}" show-center-play-btn="{{false}}" autoplay='false'
autoplay='false' object-fit="fill" bindpause="quiteVideo" bindended="quiteVideo" object-fit="fill" bindpause="quiteVideo" bindended="quiteVideo" controls="true"
controls="true" auto-pause-if-navigate="true"></video> auto-pause-if-navigate="true"></video>
</view> </view>
<!-- end swiper --> <!-- end swiper -->
</view>
<!-- 商品 -->
<view wx:for="{{taglist}}" wx:key="id" style="margin-top: 20rpx;">
<!-- 首发新品 -->
<view class='more-prod' wx:if="{{item.style==0}}">
<view class='title'>
<view style="display:flex;align-items: center;">
<image src="/images/icon/products@2x.png" class="title-icon" mode="widthFix"></image>
<text>{{item.title}}</text>
</view>
<view class='cat-item'>
<view class='item' bindtap='toClassifyPage' data-sts="1">
<image src='../../images/icon/newProd.png'></image>
<text>新品推荐</text>
</view>
<view class='item' bindtap='toClassifyPage' data-sts="1">
<image src='../../images/icon/timePrice.png'></image>
<text>限时特惠</text>
</view> </view>
<view class='item' bindtap='toClassifyPage' data-sts="3"> <view class='prod-show'>
<image src='../../images/icon/neweveryday.png'></image> <block wx:for="{{item.prods}}" wx:for-item="prod" wx:key="prodId">
<text>每日疯抢</text> <view class='show-item' bindtap='toProdPage' data-prodid="{{prod.prodId}}">
</view> <view class='more-prod-pic'>
<view class='item' bindtap='toCategory'> <image src='{{prod.pic}}' class='more-pic'></image>
<image src='../../images/icon/newprods.png'></image> </view>
<text>全部分类</text> <view class='prod-text-right'>
<view class='text-ellipsis'>{{prod.prodName}}</view>
<!-- <view class='prod-info'>{{prod.brief}}</view> -->
<view class='prod-after'>已售：{{667}}人 | 预售：{{222}}人</view>
<view class='b-cart'>
<view class='price'>
<text class='symbol'>￥</text>
<text class='big-num'>{{wxs.parsePrice(prod.price)[0]}}</text>
<text class='small-num'>.{{wxs.parsePrice(prod.price)[1]}}</text>
</view>
<view class='go-to-buy'>立即购买</view>
</view>
</view>
</view>
</block>
</view> </view>
</view> </view>
<!-- 预热专区 -->
<!-- 消息播放 -->
<!-- <view class='message-play' bindtap='onNewsPage'>
<image src='../../images/icon/horn.png' class='hornpng'></image>
<swiper vertical='true' autoplay='true' duration='1000' class='swiper-cont'>
<block wx:for='{{news}}' wx:key='index'>
<swiper-item class="items">{{item.title}}</swiper-item>
</block>
</swiper>
<text class='arrow'></text>
</view> -->
</view>
<block wx:for="{{taglist}}" wx:key="id">
<!-- 每日上新 -->
<view class='up-to-date' wx:if="{{item.style==2}}"> <view class='up-to-date' wx:if="{{item.style==2}}">
<view class='title'> <view class='title'>
<text>{{item.title}}</text> <view style="display:flex;align-items: center;">
<view class='more-prod-cont' bindtap='toClassifyPage' data-sts="0" data-id="{{item.id}}" <image src="/images/icon/hot@2x.png" class="title-icon" mode="widthFix"></image>
data-title="{{item.title}}"> <text>{{item.title}}</text>
<text class='more'>查看更多</text>
<!-- <text class='arrow'></text> -->
</view> </view>
</view> </view>
<view class='item-cont'> <view class='item-cont'>
<block wx:for="{{item.prods}}" wx:for-item="prod" wx:key="prodId"> <block wx:for="{{item.prods}}" wx:for-item="prod" wx:key="prodId">
...@@ -95,70 +96,75 @@ ...@@ -95,70 +96,75 @@
</view> </view>
</view> </view>
</view>
<!-- 商城热卖 --> <!-- 资讯 -->
<view class='hot-sale' wx:if="{{item.style==1}}"> <!-- 全供头条 -->
<view class='title'> <view class='more-prod' style="margin-top: 20rpx;">
<text>{{item.title}}</text> <view class='title' bindtap="goMore" data-type="1">
<view class='more-prod-cont' bindtap='toClassifyPage' data-sts="0" data-id="{{item.id}}" <view style="display: flex;align-items: center;">
data-title="{{item.title}}"> <image src="/images/icon/Headlines@2x.png" class="title-icon" mode="widthFix"></image>
<text class='more'>更多</text> <text>{{'全供头条'}}</text>
<text class='arrow'></text>
</view>
</view> </view>
<view class='hotsale-item-cont'> <view class="title-more" >
<block wx:for="{{item.prods}}" wx:for-item="prod" wx:key="prodId"> 查看更多
<view class='prod-items' bindtap='toProdPage' data-prodid="{{prod.prodId}}"> </view>
<view class='hot-imagecont'> </view>
<image src='{{prod.pic}}' class='hotsaleimg'></image> <view class='prod-show'>
</view> <block wx:for="{{headNews}}" wx:for-item="prod" wx:key="prodId">
<view class='hot-text'> <view class='show-item' bindtap='toNews' data-id="{{prod.id}}">
<view class='hotprod-text'>{{prod.prodName}}</view> <view class='more-prod-pic'>
<view class='prod-info'>{{prod.brief}}</view> <image src='{{prod.pic}}' class='more-pic'></image>
<view class='prod-text-info'> </view>
<view class='price'> <view class='prod-text-right'>
<text class='symbol'>￥</text> <view class='prod-text more'>{{prod.title}}</view>
<text class='big-num'>{{wxs.parsePrice(prod.price)[0]}}</text> <!-- <view class='prod-info'>{{prod.brief}}</view> -->
<text class='small-num'>.{{wxs.parsePrice(prod.price)[1]}}</text> <view class='b-cart'>
</view> <view class='time'>{{prod.createTime}}</view>
<!-- <view class='singal-price'> <view class="b-right">
<text>￥</text> <image src='../../images/icon/comment@2x.png' class='basket-img'></image>
<text>{{prod.oriPrice}}</text> <text style="margin-right: 20rpx;">{{prod.commentNumber}}</text>
</view> --> <image src='../../images/icon/Fabulous@2x.png' class='basket-img'></image>
<image src='../../images/tabbar/basket-sel.png' class='basket-img'></image> <text>{{prod.praiseNumber}}</text>
</view> </view>
</view> </view>
</view> </view>
</block> </view>
</block>
</view>
</view>
<!-- 热议专区 -->
<view class='more-prod' style="margin-top: 20rpx;">
<view class='title' bindtap="goMore" data-type="2">
<view style="display: flex;align-items: center;">
<image src="/images/icon/discussion@2x.png" class="title-icon" mode="widthFix"></image>
<text>{{'热议专区'}}</text>
</view>
<view class="title-more">
查看更多
</view> </view>
</view> </view>
<view class='prod-show'>
<!-- 更多宝贝 --> <block wx:for="{{headNews}}" wx:for-item="prod" wx:key="prodId">
<view class='more-prod' wx:if="{{item.style==0}}"> <view class='show-item' bindtap='toNews' data-id="{{prod.id}}">
<view class='title'>{{item.title}}</view> <view class='more-prod-pic'>
<view class='prod-show'> <image src='{{prod.pic}}' class='more-pic'></image>
<block wx:for="{{item.prods}}" wx:for-item="prod" wx:key="prodId"> </view>
<view class='show-item' bindtap='toProdPage' data-prodid="{{prod.prodId}}"> <view class='prod-text-right'>
<view class='more-prod-pic'> <view class='prod-text more'>{{prod.title}}</view>
<image src='{{prod.pic}}' class='more-pic'></image> <!-- <view class='prod-info'>{{prod.brief}}</view> -->
</view> <view class='b-cart'>
<view class='prod-text-right'> <view class='time'>{{prod.createTime}}</view>
<view class='prod-text more'>{{prod.prodName}}</view> <view class="b-right">
<view class='prod-info'>{{prod.brief}}</view> <image src='../../images/icon/comment@2x.png' class='basket-img'></image>
<view class='b-cart'> <text style="margin-right: 20rpx;">{{prod.commentNumber}}</text>
<view class='price'> <image src='../../images/icon/Fabulous@2x.png' class='basket-img'></image>
<text class='symbol'>￥</text> <text>{{prod.praiseNumber}}</text>
<text class='big-num'>{{wxs.parsePrice(prod.price)[0]}}</text>
<text class='small-num'>.{{wxs.parsePrice(prod.price)[1]}}</text>
</view>
<!-- <view class='go-to-buy'>立即购买</view> -->
<image src='../../images/tabbar/basket-sel.png' class='basket-img'></image>
</view> </view>
</view> </view>
</view> </view>
</block> </view>
</view> </block>
</view> </view>
</block> </view>
</view> </view>
<wxs module="wxs" src="../../wxs/number.wxs" /> <wxs module="wxs" src="../../wxs/number.wxs" />
\ No newline at end of file
pages/index/index.wxss
/**index.wxss**/ /**index.wxss**/
.container{
padding-bottom: 20rpx;
}
page { page {
background: #f7f7f7; background: #f4f4f4;
height: auto; height: auto;
} }
...@@ -17,17 +19,17 @@ swiper.pic-swiper { ...@@ -17,17 +19,17 @@ swiper.pic-swiper {
margin-top: 75rpx; margin-top: 75rpx;
padding: 10rpx 0; padding: 10rpx 0;
background: #fff; background: #fff;
height: 422rpx; height: 350rpx;
} }
.my-video{ .my-video{
padding: 10rpx 0; padding: 10rpx 0;
margin-top: 75rpx; margin-top: 75rpx;
width: 100%; width: 100%;
height: 422rpx; height: 350rpx;
} }
.my-video .block{ .my-video .block{
width: 100%; width: 100%;
height: 422rpx; height: 350rpx;
} }
swiper-item { swiper-item {
font-size: 26rpx; font-size: 26rpx;
...@@ -74,7 +76,7 @@ swiper.pic-swiper .banner { ...@@ -74,7 +76,7 @@ swiper.pic-swiper .banner {
position: absolute; position: absolute;
width: 690rpx; width: 690rpx;
margin: 0 10rpx; margin: 0 10rpx;
height: 402rpx; height: 330rpx;
border-radius: 8rpx; border-radius: 8rpx;
display: inline-block; display: inline-block;
box-shadow: 0 4px 10px 0 rgba(83, 83, 83, 0.288); box-shadow: 0 4px 10px 0 rgba(83, 83, 83, 0.288);
...@@ -102,7 +104,7 @@ swiper.pic-swiper .banner { ...@@ -102,7 +104,7 @@ swiper.pic-swiper .banner {
width: 92%; width: 92%;
margin: auto; margin: auto;
left: 4%; left: 4%;
background: #f7f7f7; background: #f4f4f4;
} }
.bg-sear .section .placeholder { .bg-sear .section .placeholder {
...@@ -203,14 +205,22 @@ swiper.pic-swiper .banner { ...@@ -203,14 +205,22 @@ swiper.pic-swiper .banner {
height: 64rpx; height: 64rpx;
line-height: 64rpx; line-height: 64rpx;
font-size: 32rpx; font-size: 32rpx;
padding:40rpx 0 10rpx 30rpx; padding: 10rpx 30rpx;
color:#333; color: #333;
background: #fff; background: #fff;
display: flex;
align-items: center;
font-weight: bold;
justify-content: space-between;
color: black;
} }
.title .title-icon{
.up-to-date .title{ width: 40rpx;
color: #fff; margin-right: 5rpx;
background: none; }
.title .title-more{
font-size: 24rpx;
color: #999;
} }
.title .more-prod-cont { .title .more-prod-cont {
...@@ -218,7 +228,10 @@ swiper.pic-swiper .banner { ...@@ -218,7 +228,10 @@ swiper.pic-swiper .banner {
display: inline-block; display: inline-block;
text-align: right; text-align: right;
} }
.up-to-date{
background: #fff;
padding-bottom: 20rpx;
}
.up-to-date .title .more-prod-cont .more { .up-to-date .title .more-prod-cont .more {
position:absolute; position:absolute;
right:30rpx; right:30rpx;
...@@ -251,13 +264,7 @@ line-height:44rpx; ...@@ -251,13 +264,7 @@ line-height:44rpx;
border-right: 2rpx solid #666; border-right: 2rpx solid #666;
} }
.up-to-date {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAABxCAYAAACkwXoWAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAZBJREFUeJzt1DEBwCAAwLAxYfhEGXJABkcTBb065trnAwj6XwcAvGKAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGQZIJBlgECWAQJZBghkGSCQZYBAlgECWQYIZBkgkGWAQJYBAlkGCGRdKykDj9OUNYkAAAAASUVORK5CYII=");
background-position: top;
background-size: 100% 332rpx;
background-repeat: no-repeat;
background-color: #fff;
}
.up-to-date .item-cont { .up-to-date .item-cont {
margin: auto; margin: auto;
...@@ -287,7 +294,7 @@ line-height:44rpx; ...@@ -287,7 +294,7 @@ line-height:44rpx;
background: #fff; background: #fff;
display: inline-block; display: inline-block;
margin-bottom:20rpx; margin-bottom:20rpx;
box-shadow: 0rpx 6rpx 8rpx rgba(58,134,185,0.2); /* box-shadow: 0rpx 6rpx 8rpx rgba(58,134,185,0.2); */
margin-right: 15rpx; margin-right: 15rpx;
} }
...@@ -307,17 +314,17 @@ line-height:44rpx; ...@@ -307,17 +314,17 @@ line-height:44rpx;
} }
.up-to-date .item-cont .prod-item .prod-text { .up-to-date .item-cont .prod-item .prod-text {
font-size: 28rpx; font-size: 26rpx;
overflow: hidden; overflow: hidden;
margin: 10rpx 0; margin: 10rpx 0;
height: 75rpx;
display: -webkit-box;
word-break: break-all;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
color: #000; color: #000;
padding: 0 10rpx; padding: 0 10rpx;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.up-to-date .item-cont .prod-item .price {
margin-left: 0;
} }
.up-to-date .item-cont .prod-item .prod-price { .up-to-date .item-cont .prod-item .prod-price {
...@@ -377,7 +384,6 @@ line-height:44rpx; ...@@ -377,7 +384,6 @@ line-height:44rpx;
margin-top: 20rpx; margin-top: 20rpx;
padding: 0 10rpx; padding: 0 10rpx;
} }
.prod-items .hot-text .prod-info, .more-prod .prod-text-right .prod-info { .prod-items .hot-text .prod-info, .more-prod .prod-text-right .prod-info {
font-size: 22rpx; font-size: 22rpx;
color: #999; color: #999;
...@@ -385,7 +391,10 @@ line-height:44rpx; ...@@ -385,7 +391,10 @@ line-height:44rpx;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.more-prod .prod-text-right .prod-after{
color: #333;
font-size: 22rpx;
}
.prod-items .hot-text .prod-text-info { .prod-items .hot-text .prod-text-info {
position: relative; position: relative;
height: 70rpx; height: 70rpx;
...@@ -422,12 +431,13 @@ line-height:44rpx; ...@@ -422,12 +431,13 @@ line-height:44rpx;
.more-prod { .more-prod {
background: #fff; background: #fff;
padding-bottom: 20rpx;
} }
.more-prod .prod-show .show-item .more-prod-pic { .more-prod .prod-show .show-item .more-prod-pic {
width: 250rpx; width: 170rpx;
height: 250rpx; height: 170rpx;
} }
.more-prod .prod-show .show-item { .more-prod .prod-show .show-item {
...@@ -435,39 +445,50 @@ line-height:44rpx; ...@@ -435,39 +445,50 @@ line-height:44rpx;
display: flex; display: flex;
padding: 20rpx; padding: 20rpx;
justify-content: start; justify-content: start;
border-top: 2rpx solid #f4f4f4; /* border-top: 2rpx solid #f4f4f4; */
align-items: flex-start;
}
.show-item + .show-item{
border-top: 1rpx solid #f2f2f2;
} }
.more-prod .prod-show .show-item .more-prod-pic .more-pic { .more-prod .prod-show .show-item .more-prod-pic .more-pic {
max-width: 100%; max-width: 100%;
max-height: 100%; max-height: 100%;
border-radius: 10rpx;
} }
.more-prod .prod-show .show-item .prod-text-right { .more-prod .prod-show .show-item .prod-text-right {
margin-left: 30rpx; margin-left: 30rpx;
width: 72%; width: 72%;
height: 170rpx;
padding-bottom: 10rpx; padding-bottom: 10rpx;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: space-between;
}
.more-prod .prod-show .show-item .prod-text-right .text-ellipsis{
font-size: 28rpx;
overflow: hidden;
color: #020202;
white-space: nowrap;
text-overflow: ellipsis;
} }
.more-prod .prod-show .show-item .prod-text-right .go-to-buy { .more-prod .prod-show .show-item .prod-text-right .go-to-buy {
font-size: 26rpx; font-size: 26rpx;
background: #fff2f5; background: #CE1A0C;
color: #eb2444; color: #fff;
width: 160rpx;
border-radius: 50rpx; border-radius: 50rpx;
text-align: center; text-align: center;
padding: 12rpx 20rpx; padding: 12rpx 0rpx;
position: absolute;
right: 20rpx;
bottom: 20rpx;
} }
.more-prod .prod-show .show-item .prod-text-right .prod-text.more { .more-prod .prod-show .show-item .prod-text-right .prod-text.more {
margin: 0; margin: 0;
font-size: 28rpx; font-size: 28rpx;
overflow: hidden; overflow: hidden;
color: #020202;
margin-bottom: 20rpx; margin-bottom: 20rpx;
display: -webkit-box; display: -webkit-box;
word-break: break-all; word-break: break-all;
...@@ -483,14 +504,29 @@ line-height:44rpx; ...@@ -483,14 +504,29 @@ line-height:44rpx;
.b-cart { .b-cart {
margin-top: 30rpx; margin-top: 30rpx;
display: flex;
justify-content: space-between;
align-items: center;
}
.b-cart .price{
margin-left: 0;
}
.b-cart .time{
color: #999;
font-size: 24rpx;
} }
.b-cart .basket-img { .b-cart .basket-img {
width: 50rpx; width: 36rpx;
height: 50rpx; height: 36rpx;
position: absolute; /* position: absolute;
right: 46rpx; right: 46rpx; */
/* border: 2rpx solid #eb2444; /* border: 2rpx solid #eb2444;
border-radius: 50%; */ border-radius: 50%; */
padding: 8rpx; /* padding: 8rpx; */
} }
.b-cart .b-right{
font-size: 24rpx;
color:#333;
display: flex;
align-items: center;
}
\ No newline at end of file
pages/newDetail/index.js 0 → 100644
// pages/news-detail/news-detail.js
var http = require("../../utils/http.js");
var config = require("../../utils/config.js");
Page({
/**
* 页面的初始数据
*/
data: {
news: {
title: '',
content: '',
id: null
}
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
// var ths = this;
//加载公告详情
var params = {
// `/shop/notice/info/${options.id}`
url: '/shop/notice/info/' + options.id,
method: "GET",
// data: {
// id: id,
// },
// callBack: function(news){
callBack: res => {
res.content = res.content.replace(/width=/gi, 'sss=');
res.content = res.content.replace(/height=/gi, 'sss=');
res.content = res.content.replace(/ \/\>/gi, ' style="max-width:100% !important;display:block;" \/\>');
this.setData({
news: res
});
}
};
http.request(params);
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
pages/newDetail/index.json 0 → 100644
{
"backgroundTextStyle": "light",
"navigationBarTitleText": "最新公告",
"navigationBarTextStyle": "black",
"navigationBarBackgroundColor": "#fafafa"
}
\ No newline at end of file
pages/newDetail/index.wxml 0 → 100644
<!--pages/news-detail/news-detail.wxml-->
<view class='container'>
<!-- <block wx:for='{{news}}' wx:key=''> -->
<view class='news-detail'>
<view class='news-detail-title'>{{news.title}}</view>
<!-- <view class='news-detail-text'>{{news.content}}</view> -->
<rich-text nodes="{{news.content}}"></rich-text>
</view>
<!-- </block> -->
</view>
pages/newDetail/index.wxss 0 → 100644
/* pages/news-detail/news-detail.wxss */
.news-detail {
padding: 20rpx;
}
.news-detail .news-detail-title {
font-size: 32rpx;
font-weight: bold;
line-height: 50rpx;
padding: 20rpx;
}
.news-detail .news-detail-text {
font-size: 28rpx;
line-height: 46rpx;
text-align: justify;
text-justify: inter-ideograph;
margin-top: 20rpx;
}
pages/newsList/index.js 0 → 100644
var http = require("../../utils/http.js")
var app = getApp()
Page({
/**
* 页面的初始数据
*/
data: {
type: 1,
pageNum: 1,
list: [],
total: 0,
},
getList() {
var that = this
var params = {
url: "/consult/getPageList",
method: "GET",
data: {
type: that.data.type,
status: 0,
commentStatus: 0,
userId: app.globalData.userInfo.userId,
pageNum: this.data.pageNum,
pageSize: 10
},
callBack: (res) => {
let list = res.result.list
if (that.data.pageNum > 1) {
list = that.data.list.concat(list)
}
that.setData({
list: list,
total: res.result.total
})
console.log('list', that.data.list)
}
};
http.request(params);
},
toNews(e) {
let id = e.currentTarget.dataset.id
wx.navigateTo({
url: '/pages/newDetail/index?id=' + id,
})
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
// this.getList(0);
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
this.setData({
type: this.options.type,
list: [
{
"brief": "",
"createTime": "2020-09-09",
"id": 0,
"pic": "https://zhqg.jsonpro.cn/zhqgImages/product/20201022/c8c82ad4e9824d6996d183450e0ee0cf.jpg",
"price": 0,
"prodId": 0,
"title": "标题表题",
"userId": ""
}],
pageNum: 1,
total: 0
})
this.getList()
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
if (this.data.total > this.data.list.length) {
this.data.pageNum++
this.getList()
}
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
pages/newsList/index.json 0 → 100644
{
"usingComponents": {},
"navigationBarTitleText": "资讯"
}
\ No newline at end of file
pages/newsList/index.wxml 0 → 100644
<view class="page">
<!-- 列表展示 -->
<view class="list-box">
<!-- 列表展示 -->
<view class="prod-show" wx:for="{{list}}" wx:for-item="prod" wx:key="index">
<view class='show-item' bindtap='toNews' data-id="{{prod.id}}">
<view class='more-prod-pic'>
<image src='{{prod.pic}}' class='more-pic'></image>
</view>
<view class='prod-text-right'>
<view class='prod-text more'>{{prod.title}}</view>
<!-- <view class='prod-info'>{{prod.brief}}</view> -->
<view class='b-cart'>
<view class='time'>{{prod.createTime}}</view>
<view class="b-right">
<image src='../../images/icon/comment@2x.png' class='basket-img'></image>
<text style="margin-right: 20rpx;">{{prod.commentNumber}}</text>
<image src='../../images/icon/Fabulous@2x.png' class='basket-img'></image>
<text>{{prod.praiseNumber}}</text>
</view>
</view>
</view>
</view>
</view>
<!-- 暂无内容 -->
<view class="offList" wx:if="{{list.length == 0}}">—— 暂无资讯 ——</view>
</view>
</view>
\ No newline at end of file
pages/newsList/index.wxss 0 → 100644
page {
background: #f4f4f4;
}
.list-box {
/* margin-top: 90rpx; */
display: flex;
align-items: center;
flex-direction: column;
min-height: 80vh;
}
.prod-show{
width: 100%;
}
.prod-show .show-item .more-prod-pic {
width: 170rpx;
height: 170rpx;
}
.prod-show .show-item {
position: relative;
display: flex;
padding: 20rpx;
justify-content: start;
/* border-top: 2rpx solid #f4f4f4; */
align-items: flex-start;
background: #fff;
}
.show-item + .show-item{
border-top: 1rpx solid #f2f2f2;
}
.prod-show .show-item .more-prod-pic .more-pic {
max-width: 100%;
max-height: 100%;
border-radius: 10rpx;
}
.prod-show .show-item .prod-text-right {
margin-left: 30rpx;
width: 72%;
height: 170rpx;
padding-bottom: 10rpx;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.prod-show .show-item .prod-text-right .text-ellipsis{
font-size: 28rpx;
overflow: hidden;
color: #020202;
white-space: nowrap;
text-overflow: ellipsis;
}
.prod-show .show-item .prod-text-right .go-to-buy {
font-size: 26rpx;
background: #CE1A0C;
color: #fff;
width: 160rpx;
border-radius: 50rpx;
text-align: center;
padding: 12rpx 0rpx;
}
.prod-show .show-item .prod-text-right .prod-text.more {
margin: 0;
font-size: 28rpx;
overflow: hidden;
color: #020202;
margin-bottom: 20rpx;
display: -webkit-box;
word-break: break-all;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.prod-show .show-item .prod-text-right .more.prod-price {
font-size: 28rpx;
font-family: arial;
}
.b-cart {
margin-top: 30rpx;
display: flex;
justify-content: space-between;
align-items: center;
}
.b-cart .price{
margin-left: 0;
}
.b-cart .time{
color: #999;
font-size: 24rpx;
}
.b-cart .basket-img {
width: 36rpx;
height: 36rpx;
/* position: absolute;
right: 46rpx; */
/* border: 2rpx solid #eb2444;
border-radius: 50%; */
/* padding: 8rpx; */
}
.b-cart .b-right{
font-size: 24rpx;
color:#333;
display: flex;
align-items: center;
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment