Skip to content

N
nyx
Commit 8d728f61 by jscat
Options

nyx weapp: 功能更新 

1. 实现多播放窗口
parent 465d59c3
正在显示 包含 466 行增加 和 347 行删除
app/nyx-dev/app.json
{ {
"pages": [ "pages": [
"pages/activity/activity",
"pages/share/share",
"pages/live/live", "pages/live/live",
"pages/live/live-info/live-info", "pages/live/live-info/live-info",
"pages/activity/activity",
"pages/share/share",
"pages/mall/order/order", "pages/mall/order/order",
"pages/activity/activity-list/activity-list", "pages/activity/activity-list/activity-list",
"pages/my/my-members/my-members", "pages/my/my-members/my-members",
......
app/nyx-dev/pages/live/live-info/live-info.wxml
<wxs module="tutil" src="./../../../utils/date.wxs"></wxs> <!--pages/share/share.wxml-->
<view class="page"> <view class="page">
<!-- start key view -->
<!-- 图片 --> <view class="page__hd" style="position:fixed; top:0;width: 750rpx;">
<scroll-view class="scroll-view_H" scroll-x scroll-with-animation style="width: 100%;height: 100%;"> <view class="tab-title">
<block wx:for="{{activityInfo.note_image}}" wx:key="unique" wx:for-index="id" wx:for-item="item"> <view class="{{selected=='@'?'border-tottom':'default'}}" id="@" bindtap="selected">热度商家榜</view>
<view class="scroll_item"> <view class="{{selected=='#'?'border-tottom':'default'}}" id="#" bindtap="selected">活跃主播榜</view>
<image src="{{item}}" mode="widthFix"/>
</view>
</block>
</scroll-view>
<!-- 文字内容 -->
<view class="note">
<view class="note-price" style="font-weight: bold">
<view class="clone">
<view class="clone-left">￥{{products[curIndex].unitPrice}}</view>
<!-- start 点赞 like -->
<block>
<view class="clone-right" bindtap="onSubmitLike" data-id='{{activityInfo.activity_id}}'>
<view class="note-column" style="font-size: 24rpx;font-weight:normal;color: #000;align-items:center">
<image src="{{likeUrl}}"></image>
{{activityInfo.num_like}}
</view> </view>
<!-- start_of_tab-content -->
<scroll-view scroll-y="true" scroll-top="0">
<view class="tab-content" style="height:{{keyHeight}}rpx;">
<view class="rank-info" wx:for="{{rankData}}"
wx:key="{{item.id}}" data-id="{{item.id}}" data-index="{{index}}"
bindtap="switchCategory">
<view class="rank">
<view class="rank-left">{{item.name}}</view>
<view class="rank-right">
<view class="rank-row"><image src="{{likeUrl}}"></image> {{item.like}}</view>
</view> </view>
</block>
<!-- end 点赞 like -->
<!-- start 克隆 -->
<block wx:if="{{members.length > 0}}">
<view class="clone-right" bindtap="onClickClone" data-id='{{activityInfo.activity_id}}'>
<view class="note-column" style="font-size: 24rpx;font-weight:normal;color: #000;align-items:center;margin-left: 10rpx;">
<image src="../../../icon/activity/clone.png"></image>
克隆
</view> </view>
</view> </view>
</block>
<!-- end 克隆 -->
</view> </view>
</scroll-view>
<!-- end_of_tab-content -->
</view>
</view> <!--end key view -->
<view class="note-content" style="display: flex; flex-direction: column"> <!--公屏view-->
<span>主题: {{activityInfo.title}}</span> <view style="height:{{chatHeight}}rpx;position:fixed; bottom:0;">
<span>类别: <view class="weui-cell weui-cell_access">
<view class="cate-list {{curIndex==index?'on':''}}" wx:for="{{products}}" <view class="weui-cell__bd">{{streamer_name}}</view>
wx:for-item="sub_item" wx:key="{{index}}" data-index="{{index}}" bindtap="switchCategory"> </view>
{{sub_item.productDesc}} <scroll-view scroll-y="true" scroll-top="{{scrollTop}}" style="height:{{chatHeight-80}}rpx;position:fixed; bottom:0;">
<view class="wrapper {{isShowAdd?'media-padd':''}} {{isEmotion?'emotion-padd':''}}" id="wrapperCon" bindtap="cancelShow" >
<!-- 消息列表 -->
<view class="chat {{item.type=='L'?'chat-l':'chat-r'}}" wx:for="{{messageList}}" wx:for-item="item">
<!-- <view class="c-date">2019年3月23日 15:33</view> -->
<view class="message-list">
<view class="avater {{item.type=='R'?'avater-r':''}}">
<!-- refer https://www.jianshu.com/p/7ad22e35b556 -->
<image src='{{item.avater}}' bindtouchstart='touchstart_long' bindtouchend='touchEnd' data-id="{{item.nickName}}"></image>
<view class="{{item.type=='R'?'nick-name-r':'nick-name-l'}}" wx:if="{{item.type=='L'}}">{{item.nickName}}</view>
<view class="{{item.type=='R'?'nick-name-r':'nick-name-l'}}" wx:if="{{item.type=='R'}}">{{item.nickName}}</view>
</view> </view>
</span> <view class="chat-con {{item.type=='L'?'chat-con-l':'chat-con-r'}} ">
<rich-text wx:if="{{item.messageType=='txt'}}" nodes="{{item.con}}"></rich-text>
<!-- 日期 --> <image class="message-img" mode="widthFix" bindtap="imagePreview" data-src="{{item.con}}" wx:if="{{item.messageType=='img'}}" src="{{item.con}}"></image>
<span>日期: {{tutil.formatDate_ymdw_today_interval(activityInfo.start_datetime, activityInfo.end_datetime)}}</span>
<!-- 时间 -->
<span>时间: {{tutil.formatDate_hm_interval(activityInfo.start_datetime, activityInfo.end_datetime)}}</span>
<span>地点: {{activityInfo.address_name}}</span>
</view> </view>
<view class="note-content">
<text>内容: {{activityInfo.content}}</text>
</view> </view>
</view> </view>
</view>
</scroll-view>
</view>
<!-- 企业信息 --> <!-- 消息输入 -->
<view class="note-row"> <view class="message-input" style="position:absolute; bottom:{{bottom_val}}rpx">
<view class="note-column-left align justify"> <input class="{{isShowAdd?'':'showSend'}}" placeholder="请输入内容" type="text" value="{{messageInputVal}}" cursor-spacing="20" bindinput='messageInput' confirm-type="send" bindconfirm="messageSend" bindfocus="inputFocus" bindblur="inputBlur" adjust-position="{{false}}" />
<image class="writer-image" src="{{activityInfo.member_logo}}"/> <button bindtap="messageSend" wx:if="{{!isShowAdd}}">发送</button>
</view> <image mode="widthFix" class="input-img {{isShowAdd?'':'showAdd'}}" src='../../../icon/chat/face1.png' id="face" bindtap="openEmotion"></image>
<view class="note-column" style="margin-right: 4%"> <image mode="widthFix" class="input-img" wx:if="{{isShowAdd}}" src='../../../icon/chat/add1.png' id="add" bindtap="openMedia"></image>
<span class="name">{{activityInfo.member_name}}</span> <!-- 媒体文件选择 -->
<span class="name">{{activityInfo.member_slogan}}</span> <view class="media-box" wx:if="{{isMedia}}">
</view> <view class="media-list" bindtap="selectImg">
<image mode="widthFix" class="media-img" src='../../../icon/chat/img2.png'></image>
<view>相册图片</view>
</view>
<view class="media-list" bindtap="selectCamera">
<image mode="widthFix" class="media-img" src='../../../icon/chat/cam2.png'></image>
<view>相机拍照</view>
</view>
</view>
<!-- 表情文件 -->
<view class="emotion-box" wx:if="{{isEmotion}}">
<swiper class="home-swiper" indicator-dots="true" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" indicator-dots="{{indicatorDots}}">
<swiper-item class="emotion-list">
<block wx:for-items="{{emotionArr}}" wx:key='index' wx:if="{{index<23}}">
<image bindtap="selectEmotion" data-txt="{{item.text}}" src="{{emotionHost+item.name}}.png" class="slide-image" />
</block>
<image src="../../../icon/chat/delete.png" bindtap="deleteVal" class="slide-image" />
</swiper-item>
<swiper-item class="emotion-list">
<block wx:for-items="{{emotionArr}}" wx:key='index' wx:if="{{index>=23&&index<46}}">
<image bindtap="selectEmotion" data-txt="{{item.text}}" src="{{emotionHost+item.name}}.png" class="slide-image" />
</block>
<image src="../../../icon/chat/delete.png" bindtap="deleteVal" class="slide-image" />
</swiper-item>
<swiper-item class="emotion-list">
<block wx:for-items="{{emotionArr}}" wx:key='index' wx:if="{{index>=46&&index<69}}">
<image bindtap="selectEmotion" data-txt="{{item.text}}" src="{{emotionHost+item.name}}.png" class="slide-image" />
</block>
<image src="../../../icon/chat/delete.png" bindtap="deleteVal" class="slide-image" />
</swiper-item>
<swiper-item class="emotion-list">
<block wx:for-items="{{emotionArr}}" wx:key='index' wx:if="{{index>=69&&index<92}}">
<image bindtap="selectEmotion" data-txt="{{item.text}}" src="{{emotionHost+item.name}}.png" class="slide-image" />
</block>
<image src="../../../icon/chat/delete.png" bindtap="deleteVal" class="slide-image" />
</swiper-item>
</swiper>
</view> </view>
</view>
<view class="bottom_placeholder"></view>
<!-- start bottom-->
<!-- refer to https://www.jb51.net/article/129438.htm -->
<view class="page__bd">
<view class="weui-tabbar">
<view class="weui-tabbar__item" bindtap="toHome">
<view style="position: relative;display:inline-block;">
<image src="../../../icon/index.png" class="weui-tabbar__icon" style="width: 48rpx; height:48rpx"></image>
</view>
<view class="weui-tabbar__label">首页</view>
</view>
<view class="weui-tabbar__item">
<view style="position: relative;display:inline-block;">
<button class="share" open-type="share"></button>
<image src="../../../icon/activity/share.png" class="weui-tabbar__icon" style="width: 48rpx; height:48rpx"></image>
</view>
<view class="weui-tabbar__label">分享</view>
</view>
<!-- todo toBuy 因为现在还没跟商家谈妥 -->
<!-- <view class="weui-tabbar__item">
<view style="position: relative;display:inline-block;">
<button class="button-red" bindtap="toBuy">立即购买</button>
</view>
</view> -->
<!-- toOrder 仅仅是先预定 -->
<view class="weui-tabbar__item">
<view style="position: relative;display:inline-block;">
<button class="button-red" bindtap="toOrder">立即预定</button>
</view>
</view>
</view>
</view>
<!-- end bottom-->
</view> </view>
app/nyx-dev/pages/live/live-info/live-info.wxss
.scroll-view_H{ .page{
position: relative; height: 100vh;
width: 100%; background: #F4F8FB;
text-align: center;
transform: scale(1);
white-space: nowrap;
} }
.scroll_item { .weui-cell__hd {
position: relative; font-size: 0;
width: 100%; }
height: 100%; .weui-cell__hd image {
margin: 0; width: 100rpx;
transform-origin: 50% 0; height: 100rpx;
left: 0%; margin-right: 18px;
display: inline-block; margin-left: 5px;
/* border-radius: 20rpx !important ; */
overflow: hidden;
/* transform: scale(0.9); */
vertical-align: middle; vertical-align: middle;
/* top: 0%; */
/* height: 72%; */
background-color: #fff;
}
.scroll_item:first-child{
margin: 0%;
left: 0;
}
.scroll_item:last-child{
margin: 0;
left: 0;
}
.scroll_item.selected{
/* transform: scale(0.9); */
border: solid 0px #ffcd54;
}
.scroll_item image {
width: 100%;
float: left;
margin-top: 0;
} }
.note{ .weui-cell__ft_in-access {
width: 100%; padding-right:13px;
/* position: fixed; */ position:relative;
background: #fff;
border-radius: 5rpx;
float: left;
margin-top: 20rpx;
margin-bottom: 20rpx;
}
.note-title{
font-size: 30rpx;
margin-left: 5%;
margin-right: 5%;
margin-top: 0;
text-align:justify;
}
.note-price{
font-size: 16px;
margin-left: 5%;
margin-right: 5%;
margin-top: 0;
text-align:justify;
color: #FF6600;
}
.note-content{
font-size: 32rpx;
/* 后期用于 '展开' 功能 */
/* overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical; */
margin-left: 5%;
margin-right: 4%;
/* margin-top: 20rpx; */
text-align:justify;
}
.note-row{
width: 100%;
display: flex;
flex-direction: row;
margin-bottom: 30rpx;
margin-top: 30rpx;
} }
.note-column{ .userInfo{
width: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-left: 30rpx; align-items: center;
justify-content: center;
overflow: hidden;
} }
.note-column-left{ .thumb{
width : 140rpx; width: 120rpx;
margin-left: 5%; height: 120rpx;
display: flex; border-radius: 50%;
overflow: hidden;
} }
.writer-image{ .name{
width: 140rpx; margin: 30rpx;
height: 140rpx;
} }
/* start bottom style */ /* 公屏 */
.column { /*轮播控件 - start*/
display: flex;
flex-direction: column;
}
.row {
display: flex;
flex-direction: row;
align-items: center;
}
.bottom_line {
width: 100%;
height: 2rpx;
background: lightgray;
}
.bottom_placeholder { .home-swiper {
position: relative; width: 100%;
width: 100%; height: 400rpx;
height: 160rpx; }
line-height: 10rpx;
}
.bottom_total { .slide-image {
position: fixed; width: 100%;
display: flex; height: 100%;
flex-direction: column;
bottom: 0;
width: 100%;
height: 160rpx;
line-height: 10rpx;
background: white;
}
.button-red {
background-color: #f44336; /* 红色 */
font-size: 14px;
}
.button-brown {
background-color: #D1A96E; /* 红色 */
}
button {
color: white;
text-align: center;
font-size:32rpx;
height: 2.6em;
line-height: 2.6em;
}
.placeholder{
margin-left: 20rpx;
margin-right: 20rpx;
text-align: center;
/* vertical-align: middle; */
padding: 0 10px;
line-height: 2.3em;
color: rgba(0,0,0);
}
/* justify-content: center;(水平居中) align-items: center;(垂直居中) */
.justify{
justify-content: center;
} }
.align{
align-items: center; /*轮播控件 - end*/
.wrapper {
padding-top: 20rpx;
padding-bottom: 100rpx;
} }
.list .items{ .message-list {
display: flex; margin: 10rpx 30rpx 30rpx;
flex-direction: column;
text-align: center;
align-items: center;
} }
.items image{
width: 60rpx; .chat {
height: 60rpx; height: 100%;
margin-top: 20rpx; display: flex;
font-size: 0; flex-direction: column;
justify-content: space-between;
box-sizing: border-box;
}
.chat-con {
padding: 20rpx;
border-radius: 8rpx;
font-size: 30rpx;
color: #333;
position: relative;
} }
.items text{
/* display: block; */ /* left-message */
text-align: center;
margin-top: 0rpx; .chat-l {
margin-bottom: 20rpx; align-items: flex-start;
padding: 0rpx;
font-size: 28rpx;
} }
.list{ .avater {
display: flex; width: 90rpx;
flex-direction: row; height: 90rpx;
justify-content: space-between; position: relative;
margin-left: 30rpx; }
margin-right: 30rpx;
margin-top: 20rpx; .avater>image {
} width: 100%;
/* end bottom style */ height: 100%;
display: block;
/* 分享按钮 */ border-radius: 10%;
.share { }
position: absolute;
background-size: 50rpx 50rpx; .chat-con-l {
opacity: 0; background-color: #fff;
border:none; margin-left: 120rpx;
} margin-top: -50rpx;
}
/* 克隆图片 */
.clone{width: 100%; display: flex; margin-top: 0rpx; align-items: center;} .chat-con-l::after {
.clone-left{width: 80%; } content: '';
.cloner-right{width: 20%;} border-width: 20rpx;
.clone-right image{ border-style: solid;
width: 40rpx; border-color: transparent #fff transparent transparent;
height: 40rpx; position: absolute;
font-size: 0; top: 18rpx;
} left: -28rpx;
}
.weui-tabbar{
position:fixed; /* right-message */
bottom:0;
left:0; .chat-r {
right:0; align-items: flex-end;
} }
.cate-list{ .chat-con-r {
display: inline; background-color: #7dca4a;
/* margin: 15rpx 22rpx; */ margin-right: 120rpx;
text-align: center; margin-top: 35rpx;
font-size: 32rpx; }
/* color: #9d9d9d; */
background: #F4F4F4; .chat-con-r::after {
margin-right: 20rpx; content: '';
padding-right: 10rpx; border-width: 20rpx;
padding-top: 10rpx; border-style: solid;
padding-bottom: 10rpx; border-color: transparent transparent transparent #7dca4a;
} position: absolute;
.cate-list.on { top: 18rpx;
color: #FF6600; right: -28rpx;
font-weight: bold; }
/*
border:1px solid #FF6600; .avater-r {
border-radius: 6rpx; float: right;
*/ }
}
/* input-message */
.message-input {
position: fixed;
bottom: 0;
width: 100%;
background-color: #efefef;
padding: 20rpx 0 0;
z-index: 99;
}
.message-input>input {
font-size: 30rpx;
border: solid #ddd 1rpx;
width: 71%;
min-height: 60rpx;
height: 100%;
margin-left: 20rpx;
padding: 5rpx 10rpx;
border-radius: 8rpx;
margin-bottom: 15rpx;
color: #333;
background-color: #fff;
}
.showSend{
width:65% !important;
}
.showAdd {
left:73% !important;
}
.message-input>button {
width: 100rpx;
height: 60rpx;
background-color: #7dca4a;
font-size: 28rpx;
color: #fff;
margin-top: -82rpx;
float: right;
margin-right: 20rpx;
padding: 0;
line-height: 60rpx;
}
.input-m {
width: 500rpx;
max-width: 500rpx;
height: 70rpx;
max-height: 70rpx;
border: solid red 1px;
margin-left: 80rpx;
position: relative;
display: inline-block;
top: -80rpx;
overflow-y: scroll;
background-color: #fff;
}
.c-date {
font-size: 26rpx;
color: #999;
padding: 10rpx 0 30rpx;
text-align: center;
width: 100%;
}
.message-input .input-img {
width: 60rpx;
height: 60rpx;
}
#rec {
position: absolute;
top: 26rpx;
left: 10rpx;
}
#face {
position: absolute;
top: 20rpx;
left: 80%;
}
#add {
position: absolute;
top: 20rpx;
left: 90%;
}
.nick-name-l {
position: absolute;
top: -2%;
left: 138%;
z-index: 2;
font-size: 24rpx;
color: #666;
width: 200rpx;
}
.nick-name-r {
position: absolute;
top: -10%;
right: -25%;
z-index: 2;
font-size: 24rpx;
color: #666;
width: 200rpx;
}
.media-img {
width: 120rpx;
height: 120rpx;
display: inline-block;
}
.media-box {
background-color: #f0f0f0;
border-top: solid #e1e1e1 1rpx;
}
.media-list {
width: 150rpx;
height: 150rpx;
padding: 10px;
text-align: center;
display: inline-block;
}
.media-list>view {
font-size: 26rpx;
color: #666;
}
.emotion-box {
background-color: #f0f0f0;
padding-bottom: 40rpx;
border-top: solid #e1e1e1 1rpx;
}
.emotion-list {
margin: 20rpx auto 0;
text-align: center;
}
.emotion-list>image {
width: 55rpx;
height: 55rpx;
margin: 15rpx 30rpx;
}
.emotion-padd {
padding-bottom: 77% !important;
}
.media-padd{
padding-bottom: 42% !important;
}
.message-img {
width: 300rpx;
height: 200rpx;
display: inline-block;
vertical-align: middle;
}
.tab-title{
height: 60rpx;
background: #fff;
border-top: 1px solid #fafafa;
padding: 16rpx;
line-height: 60rpx;
display:flex;
flex-direction: row;
}
.tab-title view{
flex:auto;
text-align:center;
}
.tab-content{
height: 60rpx;
background: #fff;
padding: 16rpx;
}
.rank-info{
background: #fff;
}
.border-tottom{
border-bottom:1rpx solid red;
}
.show{display:block;}
.hidden{display:none;}
/* rank-info */
.rank{width: 100%; display: flex; margin-top: 0rpx; align-items: center;}
/* .rank-left{width: 50%; text-align: center;}
.rank-right{width: 50%; display: flex; justify-content: center;} */
.rank-left{width: 50%; padding-left:100rpx; margin-bottom: 12rpx;}
.rank-right{width: 50%; display: flex; padding-left:100rpx;}
.rank-right image{
width: 40rpx;
height: 40rpx;
font-size: 0;
}
.rank-row{
display: flex;
flex-direction: row;
}
\ No newline at end of file
app/nyx-dev/pages/live/live.js
...@@ -60,6 +60,25 @@ Page({ ...@@ -60,6 +60,25 @@ Page({
//活动类型 //活动类型
activityType: "00-饮事", activityType: "00-饮事",
lives: [
{
sid: "134",
note_image: "https://930-test-sh.oss-cn-shanghai.aliyuncs.com/user-dir/wx72555e77d9e5cee2.o6zAJszSNHnFKy8FTV5dg-Z7XDzQ.WaSJaxPezrVxcdaf58fbf674e7d3be131826ff708fa6.jpg",
title: "巅峰赛第一",
num_watcher: 1029,
streamer_name: "Azz·口袋",
streamer_logo: "../../icon/icon_avatar3.png"
},
{
sid: "123",
note_image: "https://930-test-sh.oss-cn-shanghai.aliyuncs.com/user-dir/wx72555e77d9e5cee2.o6zAJszSNHnFKy8FTV5dg-Z7XDzQ.WaSJaxPezrVxcdaf58fbf674e7d3be131826ff708fa6.jpg",
title: "单排84-101 把把C 不混",
num_watcher: 2040,
streamer_name: "六尾【混子】",
streamer_logo: "../../icon/icon_avatar3.png"
},
],
}, },
switchCategory(e) { switchCategory(e) {
......
app/nyx-dev/pages/live/live.wxml
<wxs module="tutil" src="./../../utils/date.wxs"></wxs> <wxs module="tutil" src="./../../utils/date.wxs"></wxs>
<!--
现场模快
需求重点: 谁看, 看什么,
需求目标: 专业+好玩
Req1-11_25
1. 现场标签: 图片, 名字, 在看人数, 主播
2. 搜索形式: 城市 + 搜索框(店名)
3. 展示形式: 我关注的人(id), 在看自动倒序()
4. 播放形式: 图文
-->
<view class="page"> <view class="page">
<!-- 搜索框 --> <!-- 搜索框 -->
<!--refer https://blog.csdn.net/weixin_44022446/article/details/86438015 --> <!--refer https://blog.csdn.net/weixin_44022446/article/details/86438015 -->
...@@ -74,13 +85,6 @@ ...@@ -74,13 +85,6 @@
</view> </view>
<!-- 导航栏 --> <!-- 导航栏 -->
<view class="navBar" >
<scroll-view class="navBar-box" scroll-x="true" style="white-space: nowrap; display:flex ">
<view class="cate-list {{curIndex==index?'on':''}}" wx:for="{{category}}"
wx:key="{{item.id}}" data-id="{{item.id}}" data-index="{{index}}"
bindtap="switchCategory">{{item.name}}</view>
</scroll-view>
</view>
<!-- 文章列表 --> <!-- 文章列表 -->
<!-- <!--
...@@ -92,33 +96,28 @@ ...@@ -92,33 +96,28 @@
--> -->
<!-- Content: refer to 有品·优惠券 + 点评(可使用) --> <!-- Content: refer to 有品·优惠券 + 点评(可使用) -->
<view class="coupon-list" wx:for="{{activities}}" wx:for-item="item" wx:key="{{index}}"> <view class="coupon-list" wx:for="{{lives}}" wx:for-item="item" wx:key="{{index}}">
<view class="item stamp stamp01" style="192rpx;"> <view class="item stamp stamp01">
<!-- 商品信息 --> <!-- 商品信息 -->
<view class="note-row"> <view class="note-row">
<navigator url='{{item.url}}&num_like={{item.num_like}}' > <navigator url='live-info/live-info?sid={{item.sid}}&streamer_name={{item.streamer_name}}' >
<image class="writer-image" src="{{item.note_image[0]}}"/> <image class="writer-image" src="{{item.note_image}}"/>
</navigator> </navigator>
<view class="note-column"> <view class="note-column">
<navigator url='{{item.url}}&num_like={{item.num_like}}' > <navigator url='live-info/live-info?sid={{item.sid}}&streamer_name={{item.streamer_name}}' >
<!-- 商家信息 --> <!-- 商家信息 -->
<text>{{item.title}}</text> <text>{{item.title}}</text>
<!-- 商品价格 --> <!-- 商品价格 -->
<span> <span>
<view class="price-row"> <view class="price-row">
<view class="sub-price">￥{{item.unit_price}}</view> <view class="sub-price">{{item.num_watcher}}人在看</view>
</view> </view>
</span> </span>
<!-- 活动日期 -->
<span class="desc">
{{tutil.formatDate_mdw_interval(item.start_datetime, item.end_datetime)}}
</span>
</navigator> </navigator>
<!-- 活动点赞 -->
<!-- <span>{{tutil.formatNumberLike(item.num_like)}}</span> -->
<!-- 商家名称 --> <!-- 商家名称 -->
<view class="note-row align"> <view class="note-row align">
<view class="desc-member-left">{{item.member_name}}</view> <view class="desc-member-left">
<image src="{{item.note_image}}"/>{{item.streamer_name}}</view>
<!-- todo 店铺功能尚未实现 --> <!-- todo 店铺功能尚未实现 -->
<!-- <view class="desc-member-right">进店 ></view> --> <!-- <view class="desc-member-right">进店 ></view> -->
</view> </view>
......
app/nyx-dev/pages/live/live.wxss
...@@ -66,8 +66,8 @@ ...@@ -66,8 +66,8 @@
} }
/* coupon css */ /* coupon css */
.coupon-list{width: 100%; margin: 0 auto} .coupon-list{width: 100%; margin: 0 auto; padding-top: 10rpx;}
.coupon-list .item{width: 100%; height: 300rpx;} .coupon-list .item{width: 100%;}
.coupon-list .item .float-li{width: 100%; height: 100%; border-right: 2rpx dashed rgba(255,255,255,.3)} .coupon-list .item .float-li{width: 100%; height: 100%; border-right: 2rpx dashed rgba(255,255,255,.3)}
.coupon-list .item .float-li-right{width: 220rpx; padding-right: 20rpx; height:100%; color: #fff} .coupon-list .item .float-li-right{width: 220rpx; padding-right: 20rpx; height:100%; color: #fff}
...@@ -384,6 +384,11 @@ ...@@ -384,6 +384,11 @@
color: #a7a7a7; color: #a7a7a7;
margin-right: 20rpx; margin-right: 20rpx;
} }
.desc-member-left image{
width: 40rpx;
height: 40rpx;
font-size: 0;
}
.desc-member-right { .desc-member-right {
font-size: 30rpx; font-size: 30rpx;
......
app/nyx-dev/pages/share/share.js
...@@ -48,7 +48,7 @@ Page({ ...@@ -48,7 +48,7 @@ Page({
//格式示例数据，可为空 //格式示例数据，可为空
allContentList: [], allContentList: [],
num: 0, num: 0,
sid: "key", sid: "mall",
chatUserInfo: {}, chatUserInfo: {},
scrollTop: 0, scrollTop: 0,
...@@ -379,7 +379,7 @@ Page({ ...@@ -379,7 +379,7 @@ Page({
* 生命周期函数--监听页面卸载 * 生命周期函数--监听页面卸载
*/ */
onUnload: function () { onUnload: function () {
//app.closeSocket(); app.closeSocket();
console.log('===onUnload webSocket 连接关闭事件。') console.log('===onUnload webSocket 连接关闭事件。')
}, },
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论