public
This commit is contained in:
10
public/mp-weixin/components/live-item/live-item.js
Normal file
10
public/mp-weixin/components/live-item/live-item.js
Normal file
@ -0,0 +1,10 @@
|
||||
(global["webpackJsonp"]=global["webpackJsonp"]||[]).push([["components/live-item/live-item"],{"0ede":function(n,e,t){"use strict";t.r(e);var u=t("f222"),i=t("bb58");for(var o in i)["default"].indexOf(o)<0&&function(n){t.d(e,n,(function(){return i[n]}))}(o);t("be06");var a=t("828b"),r=Object(a["a"])(i["default"],u["b"],u["c"],!1,null,null,null,!1,u["a"],void 0);e["default"]=r.exports},"7eef":function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var u=t("0aec"),i={name:"live-item",props:{data:{type:Object,default:function(){return{}}},type:{type:String,default:"column"}},data:function(){return{}},methods:{toLivePlayer:function(){(0,u.toLivePlayer)([this.data.wx_room_id])}}};e.default=i},bb58:function(n,e,t){"use strict";t.r(e);var u=t("7eef"),i=t.n(u);for(var o in u)["default"].indexOf(o)<0&&function(n){t.d(e,n,(function(){return u[n]}))}(o);e["default"]=i.a},be06:function(n,e,t){"use strict";var u=t("f535"),i=t.n(u);i.a},f222:function(n,e,t){"use strict";t.d(e,"b",(function(){return i})),t.d(e,"c",(function(){return o})),t.d(e,"a",(function(){return u}));var u={uIcon:function(){return t.e("components/uview-ui/components/u-icon/u-icon").then(t.bind(null,"8f08"))},uImage:function(){return t.e("components/uview-ui/components/u-image/u-image").then(t.bind(null,"28a8"))},uAvatar:function(){return t.e("components/uview-ui/components/u-avatar/u-avatar").then(t.bind(null,"2169"))}},i=function(){var n=this.$createElement;this._self._c},o=[]},f535:function(n,e,t){}}]);
|
||||
;(global["webpackJsonp"] = global["webpackJsonp"] || []).push([
|
||||
'components/live-item/live-item-create-component',
|
||||
{
|
||||
'components/live-item/live-item-create-component':(function(module, exports, __webpack_require__){
|
||||
__webpack_require__('df3c')['createComponent'](__webpack_require__("0ede"))
|
||||
})
|
||||
},
|
||||
[['components/live-item/live-item-create-component']]
|
||||
]);
|
||||
8
public/mp-weixin/components/live-item/live-item.json
Normal file
8
public/mp-weixin/components/live-item/live-item.json
Normal file
@ -0,0 +1,8 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"u-icon": "/components/uview-ui/components/u-icon/u-icon",
|
||||
"u-image": "/components/uview-ui/components/u-image/u-image",
|
||||
"u-avatar": "/components/uview-ui/components/u-avatar/u-avatar"
|
||||
}
|
||||
}
|
||||
1
public/mp-weixin/components/live-item/live-item.wxml
Normal file
1
public/mp-weixin/components/live-item/live-item.wxml
Normal file
@ -0,0 +1 @@
|
||||
<view data-event-opts="{{[['tap',[['toLivePlayer',['$event']]]]]}}" class="{{['live-item',(type=='row')?'live-item--row':'']}}" bindtap="__e"><view class="{{['live-item__status',(data.live_status==102)?'live-item__status--not-started':'',(data.live_status==103)?'live-item__status--closed':'',(data.live_status==107)?'live-item__status--expired':'']}}"><block wx:if="{{data.live_status==101}}"><u-icon vue-id="9fe2a850-1" name="/static/images/live.gif" size="{{24}}" bind:__l="__l"></u-icon><text class="status__text">{{data.live_status_text}}</text></block><block wx:else><block wx:if="{{data.live_status==103}}"><u-icon vue-id="9fe2a850-2" name="play-circle" size="{{28}}" bind:__l="__l"></u-icon><text class="status__text">回放</text></block><block wx:else><block wx:if="{{data.live_status==102}}"><u-icon vue-id="9fe2a850-3" name="clock" size="{{28}}" bind:__l="__l"></u-icon><text class="status__text">{{''+data.start_time_tips}}</text></block><block wx:else><u-icon vue-id="9fe2a850-4" name="error-circle" size="{{28}}" bind:__l="__l"></u-icon><text class="status__text">{{''+data.live_status_text}}</text></block></block></block></view><block wx:if="{{type=='column'}}"><view class="live-item__image"><view class="live-item__image-content"><u-image vue-id="9fe2a850-5" src="{{data.feeds_img}}" width="100%" height="100%" mode="aspectFill" bind:__l="__l"></u-image></view></view><view class="live-item__content"><view class="shop-logo m-l-20" style="margin-top:-32rpx;"><u-avatar vue-id="9fe2a850-6" src="{{data.shop.logo}}" size="{{64}}" bind:__l="__l"></u-avatar></view><view class="shop-name bold">{{''+data.shop.name+''}}</view><view class="line-2 xxs">{{''+data.name+''}}</view></view></block><block wx:if="{{type=='row'}}"><u-image vue-id="9fe2a850-7" src="{{data.feeds_img}}" width="240rpx" height="240rpx" mode="aspectFill" bind:__l="__l"></u-image><view class="flex-1 m-l-20" style="min-width:0;"><view class="line-2 xxl bold">{{''+data.name+''}}</view><view class="m-t-10">{{'主播:'+data.anchor_name+''}}</view><block wx:if="{{data.live_status==102}}"><view class="live-item__btn live-item__btn--start"> 开播提醒 </view></block><block wx:if="{{data.live_status==101}}"><view class="live-item__btn live-item__btn--ing"> 立即观看 </view></block></view></block></view>
|
||||
1
public/mp-weixin/components/live-item/live-item.wxss
Normal file
1
public/mp-weixin/components/live-item/live-item.wxss
Normal file
@ -0,0 +1 @@
|
||||
.live-item{width:100%;position:relative;background-color:#fff;border-radius:20rpx;overflow:hidden}.live-item--row{border-radius:0rpx;display:flex;padding:20rpx}.live-item--row .live-item__status{top:40rpx;left:40rpx}.live-item__image{padding-top:80%;height:0;position:relative}.live-item__image-content{position:absolute;top:0;left:0;right:0;bottom:0}.live-item__content{padding:0 20rpx 14rpx}.live-item__status{position:absolute;top:20rpx;left:24rpx;z-index:1;display:flex;align-items:center;background-color:#ff2c3c;color:#fff;padding:8rpx 20rpx;border-radius:100rpx}.live-item__status--not-started{background-color:#06aee4}.live-item__status--closed{background-color:#46b89b}.live-item__status--expired{background-color:#fa3534}.live-item__status .status__text{margin-left:4rpx;font-size:22rpx}.live-item__btn{width:300rpx;border:1px solid currentColor;padding:10rpx 0;border-radius:100rpx;text-align:center;margin-top:20rpx}.live-item__btn--start{color:#06aee4}.live-item__btn--ing{color:#ff2c3c}
|
||||
Reference in New Issue
Block a user