feat: 电子药箱小程序 - 4Tab药品管理
- 电子药箱: 药品库存管理 + 手动录入 + 今日用药打卡 - 药品百科: 搜索 + 分类筛选 + 20种药品静态数据 - 惠教中心: 4条药品使用指南课程 - 我的: 家庭成员信息管理 - 自定义TabBar + navigation-bar组件 - SVG药品分类插图
@@ -0,0 +1 @@
|
||||
"use strict";var _constant=require("../../utils/constant"),_jump=require("../../utils/jump");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach(function(t){_defineProperty(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function _defineProperty(e,t,n){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _toPropertyKey(e){var t=_toPrimitive(e,"string");return"symbol"===_typeof(t)?t:String(t)}function _toPrimitive(e,t){if("object"!==_typeof(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!==_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}Component({properties:{sdkInstance:{type:Object,value:null}},data:{showAd:!1,showClose:!1,closedByUser:!1,ad:null,adId:null},observers:{sdkInstance:function(e){var t=this;e&&(this.sdkInstance=e,this.store=e.store,"function"==typeof this.unsub&&this.unsub(),this.unsub=null,this.unsub=this.store.get({liveInfo:function(e){var n,i,r,o=null==e||null===(n=e.Menus)||void 0===n?void 0:n.Market,s=1===(null==o?void 0:o.IsPageUpperAdvertisementEnable),a=Array.isArray(null==o?void 0:o.AdvertisementInfo)?o.AdvertisementInfo:[],d=s?a.find(function(e){return 3===(null==e?void 0:e.PageAdvertisementType)}):null;if(d){var l=null!==(i=null!==(r=null==d?void 0:d.Id)&&void 0!==r?r:null==d?void 0:d.Index)&&void 0!==i?i:null,u=l!==t.data.adId,c=0===(null==o?void 0:o.IsPageUpperAdvertisementCloseEnable),v=null==d?void 0:d.AdvertisementContent,y="string"==typeof v&&v.startsWith("//")?"https:".concat(v):v,p=_objectSpread(_objectSpread({},d),{},{AdvertisementContent:y}),f=!!u||!t.data.closedByUser,b=t.data.showAd;t.setData({showAd:f,showClose:c,closedByUser:!u&&t.data.closedByUser,ad:p,adId:l}),b!==f&&t.triggerEvent("visibilityChange",{visible:f})}else(t.data.showAd||t.data.ad)&&(t.setData({showAd:!1,showClose:!1,closedByUser:!1,ad:null,adId:null}),t.triggerEvent("visibilityChange",{visible:!1}))}}))}},lifetimes:{detached:function(){"function"==typeof this.unsub&&this.unsub(),this.unsub=null}},methods:{onAdClick:function(){var e,t,n;this.data.ad&&(null===(e=this.sdkInstance)||void 0===e||e.reportLogger("mini_sdk_ad_floating_click",_objectSpread({},this.data.ad)),null===(t=this.sdkInstance)||void 0===t||t.emitEvent(_constant.EVENTS.PUBLIC.adFloating.click,{AdvertisementRedirectUrl:this.data.ad.AdvertisementRedirectUrl}),null===(n=this.sdkInstance)||void 0===n||n.reportBusiness("view_ad",{AdType:this.data.ad.PageAdvertisementType,AdId:this.data.ad.Id,AdContent:this.data.ad.AdvertisementContent,AdLink:this.data.ad.AdvertisementRedirectUrl}),(0,_jump.navigateToConfiguredWebview)(this.sdkInstance,_jump.JUMP_FEATURES.AD_FLOATING,this.data.ad.AdvertisementRedirectUrl))},onClose:function(){this.setData({showAd:!1,closedByUser:!0}),this.triggerEvent("visibilityChange",{visible:!1})}}});
|
||||
@@ -0,0 +1 @@
|
||||
{"component":true,"usingComponents":{"mp-icon":"weui-miniprogram/icon/icon"}}
|
||||
@@ -0,0 +1,6 @@
|
||||
<view wx:if="{{showAd}}" class="adFloating" bindtap="onAdClick">
|
||||
<view wx:if="{{showClose}}" class="closeIcon" catchtap="onClose">
|
||||
<mp-icon class="icon-mp" icon="close" color="#fff" size="{{16}}"></mp-icon>
|
||||
</view>
|
||||
<image class="adImage" src="{{ad.AdvertisementContent}}"></image>
|
||||
</view>
|
||||
@@ -0,0 +1 @@
|
||||
page{--radius--:8rpx}.adFloating{box-sizing:border-box;position:relative;border-radius:var(--radius--);overflow:hidden;width:142rpx;height:142rpx;box-shadow:rgba(0,0,0,.12) 4rpx 4rpx 10rpx 1rpx;background-color:#fff}.adImage{width:100%;height:100%}.closeIcon{position:absolute;top:0;right:0;z-index:2;background-color:rgba(0,0,0,.4);border-top-right-radius:var(--radius--);border-bottom-left-radius:var(--radius--)}.icon-mp{display:flex;align-items:center;justify-content:center}
|
||||
@@ -0,0 +1 @@
|
||||
{"component":true,"usingComponents":{"mp-dialog":"../../pubComponents/dialog/dialog"}}
|
||||
@@ -0,0 +1,18 @@
|
||||
<!-- 认真读检测需要压过横屏直播预约内容,避免倒计时/预约条遮住检测提示。 -->
|
||||
<mp-dialog
|
||||
visible="{{dialogVisible}}"
|
||||
maskClosable="{{false}}"
|
||||
zIndex="{{12001}}"
|
||||
containerStyle="background: {{useDarkTheme ? '#26262a' : '#ffffff'}}; overflow: hidden;"
|
||||
>
|
||||
<view slot="header" class="attention-dialog-header {{useDarkTheme ? 'attention-dialog-header-dark' : ''}}">
|
||||
<view class="attention-dialog-title {{useDarkTheme ? 'attention-dialog-title-dark' : ''}}">
|
||||
<view class="attention-dialog-tips-icon">i</view>
|
||||
<text>{{dialogTitle}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="attention-dialog-content {{useDarkTheme ? 'attention-dialog-content-dark' : ''}}">{{dialogContent}}</view>
|
||||
<view slot="footer" class="attention-dialog-footer">
|
||||
<button class="attention-dialog-button" bindtap="onDialogButtonTap">我知道了</button>
|
||||
</view>
|
||||
</mp-dialog>
|
||||
@@ -0,0 +1 @@
|
||||
.attention-dialog-header{position:relative;height:150rpx;padding:40rpx;box-sizing:border-box;overflow:hidden;background:linear-gradient(180deg,#e7edff 0,rgba(231,237,255,0) 100%)}.attention-dialog-header-dark{background:linear-gradient(180deg,#1b202f 0,#26262a 100%)}.attention-dialog-header::before{content:'';position:absolute;left:-120rpx;top:-138rpx;width:268rpx;height:268rpx;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.69) 0,rgba(255,255,255,0) 68%)}.attention-dialog-header::after{content:'';position:absolute;left:-46rpx;top:74rpx;width:210rpx;height:40rpx;border-radius:999rpx;background:linear-gradient(180deg,rgba(0,177,255,.76) 0,rgba(0,177,255,0) 100%);filter:blur(18rpx);opacity:.54}.attention-dialog-header-dark::before{opacity:.35}.attention-dialog-header-dark::after{background:#06f;opacity:.3}.attention-dialog-title{position:relative;z-index:1;display:flex;align-items:center;color:#1f2329;font-size:calc(32rpx + .5 * (1rem - 16px));font-weight:500;line-height:calc(44rpx + .5 * (1rem - 16px))}.attention-dialog-title-dark{color:#f2f3f5}.attention-dialog-tips-icon{width:calc(32rpx + .5 * (1rem - 16px));height:calc(32rpx + .5 * (1rem - 16px));margin-right:16rpx;border-radius:50%;background:#f5b433;border:2rpx solid #f2a200;box-sizing:border-box;color:#fff;font-size:calc(24rpx + .5 * (1rem - 16px));font-weight:700;line-height:calc(28rpx + .5 * (1rem - 16px));text-align:center}.attention-dialog-content{position:relative;z-index:1;min-height:calc(84rpx + .5 * (1rem - 16px));margin:-40rpx 40rpx 40rpx;color:#4e5969;font-size:calc(28rpx + .5 * (1rem - 16px));line-height:calc(42rpx + .5 * (1rem - 16px));text-align:left;word-break:break-word;overflow-wrap:anywhere}.attention-dialog-content-dark{color:#c9cdd4}.attention-dialog-footer{padding:0 40rpx 40rpx}.attention-dialog-button{width:100%;height:calc(64rpx + .5 * (1rem - 16px));display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:8rpx;background:#fe2c55;color:#fff;font-size:calc(28rpx + .5 * (1rem - 16px));font-weight:500;line-height:calc(64rpx + .5 * (1rem - 16px))}.attention-dialog-button::after{border:0}.attention-dialog-button:active{background:rgba(254,44,85,.85)}
|
||||
@@ -0,0 +1 @@
|
||||
"use strict";var _constant=require("../../utils/constant"),_singleLogin=require("../../utils/singleLogin"),NORMAL_ICON="../../assets/banTips.png",ERROR_ICON="../../assets/banTipsRed.png";Component({properties:{sdkInstance:{type:Object,value:null}},data:{isBanned:!1,banType:_constant.BAN_TYPE.NONE,banTips:"",isSoftBan:!1,canContinue:!1,displayTips:"",normalIcon:NORMAL_ICON,errorIcon:ERROR_ICON},observers:{sdkInstance:function(n){if(n){var s=n.store,t=this;console.log("[BanPage] sdkInstance initialized"),"function"==typeof this._unsubscribe&&this._unsubscribe(),this._unsubscribe=null,this._unsubscribe=s.get({banStatus:function(n){if(console.log("[BanPage] banStatus changed:",n),n){var s=n.isBanned,e=void 0!==s&&s,i=n.banType,a=void 0===i?_constant.BAN_TYPE.NONE:i,o=n.banTips,c=void 0===o?"":o,u=n.isSoftBan,r=void 0!==u&&u,l=a===_constant.BAN_TYPE.CHECK_IN||r,b=c||(0,_singleLogin.getBanTipsText)(a);t.setData({isBanned:e,banType:a,banTips:c,isSoftBan:r,canContinue:l,displayTips:b})}}})}else console.log("[BanPage] sdkInstance is null")}},lifetimes:{detached:function(){"function"==typeof this._unsubscribe&&this._unsubscribe(),this._unsubscribe=null}},methods:{onContinueWatch:function(){var n=this.properties.sdkInstance,s={banType:this.data.banType,isSoftBan:this.data.isSoftBan};n&&n.store?(console.log("[BanPage] User clicked continue watch"),(0,_singleLogin.updateBanStatus)(n.store,{isBanned:!1,banType:_constant.BAN_TYPE.NONE,banTips:"",isSoftBan:!1}),this.triggerEvent("continue",s)):console.warn("[BanPage] sdkInstance or store is null")}}});
|
||||
@@ -0,0 +1 @@
|
||||
{"component":true,"usingComponents":{}}
|
||||
@@ -0,0 +1,10 @@
|
||||
<!-- BAN 页面组件 -->
|
||||
<view class="ban-page" wx:if="{{isBanned}}">
|
||||
<view class="ban-modal">
|
||||
<image class="ban-icon" src="{{canContinue ? normalIcon : errorIcon}}" mode="aspectFit" />
|
||||
<view class="ban-text">{{displayTips}}</view>
|
||||
<view class="ban-actions" wx:if="{{canContinue}}">
|
||||
<button class="continue-button" bindtap="onContinueWatch">继续观看</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -0,0 +1 @@
|
||||
.ban-page{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-image:url("https://p1-live.byteimg.com/tos-cn-i-gjr78lqtd0/123342ac439a4ef587c3ca584078a5dc~tplv-gjr78lqtd0-z75.image");background-size:cover;background-position:center;z-index:30000;display:flex;align-items:center;justify-content:center}.ban-modal{display:flex;flex-direction:column;align-items:center;width:280px;min-height:168px;background-color:#fff;border-radius:16px;padding:20px;padding-bottom:25px;box-shadow:0 4px 16px rgba(0,0,0,.1);box-sizing:border-box}.ban-icon{width:80px;height:80px;margin-bottom:12px}.ban-text{font-size:calc(17px + .5 * (1rem - 16px));color:#161823;line-height:1.5;text-align:center;font-weight:500;word-break:break-all}.ban-actions{margin-top:12px;width:100%;display:flex;justify-content:center}.continue-button{width:240px;height:calc(44px + .5 * (1rem - 16px));line-height:calc(44px + .5 * (1rem - 16px));background-color:#ff4050;color:#fff;border-radius:8px;font-size:calc(15px + .5 * (1rem - 16px));font-weight:500;border:none;padding:0;text-align:center}.continue-button::after{border:none}.continue-button:active{opacity:.6}
|
||||
@@ -0,0 +1 @@
|
||||
{"component":true,"usingComponents":{"thumb-button":"../../thumb/thumb-button/index"}}
|
||||
@@ -0,0 +1,116 @@
|
||||
<!-- 横屏大字版下 chat tab 容器高度可能不足,输入态面板必须挂到 root-portal,避免被 tab 内容区裁剪。 -->
|
||||
<root-portal wx:if="{{entering}}">
|
||||
<view class="chat-edit-drawer-mask" bindtap="handleOutsideTap"></view>
|
||||
<view class="comment-wrapper comment-wrapper-portal {{isLandscape ? 'comment-wrapper-landscape' : 'comment-wrapper-portrait'}}">
|
||||
<view class="chat-edit-drawer chat-edit-drawer-open" catchtap="catchNone">
|
||||
<view class="chat-edit-row">
|
||||
<view class="chat-edit-shell chat-edit-shell-open chat-edit-shell-active">
|
||||
<view class="chat-edit-main">
|
||||
<view wx:if="{{IsSendCommentEnable}}" class="chat-edit-input-wrap">
|
||||
<textarea
|
||||
value="{{chatValue}}"
|
||||
class="chat-edit-input"
|
||||
id="chat-edit-input"
|
||||
placeholder-class="chat-edit-input-placeholder-active"
|
||||
placeholder="{{IsSendCommentEnable === 2 ? '主持人暂未开启互动聊天' : CommentConfig.InputBoxPrompt}}"
|
||||
maxlength="200"
|
||||
bindinput="chatInputChange"
|
||||
bindtap="handleInputTap"
|
||||
bindfocus="handleInputFocus"
|
||||
bindblur="bindblur"
|
||||
bindconfirm="bindconfirm"
|
||||
bindkeyboardheightchange="handleKeyboardHeightChange"
|
||||
adjust-position="{{false}}"
|
||||
confirm-type="send"
|
||||
focus="{{focusInput}}"
|
||||
auto-height="{{false}}"
|
||||
fixed="{{false}}"
|
||||
cursor-spacing="0"
|
||||
show-confirm-bar="{{false}}"
|
||||
disable-default-padding="{{true}}"
|
||||
disabled="{{IsSendCommentEnable === 2 || InvalidToken}}"
|
||||
></textarea>
|
||||
</view>
|
||||
</view>
|
||||
<view class="chat-edit-footer">
|
||||
<view class="chat-edit-counter">{{chatLength}}/200</view>
|
||||
<view class="chat-edit-footer-actions">
|
||||
<block wx:if="{{showEmojiEntry}}">
|
||||
<view wx:if="{{showEmojiPanel}}" class="chat-edit-action-btn" catchtap="handleKeyboardTrigger">
|
||||
<image class="chat-edit-action-icon" src="{{keyboardTriggerIconDark}}" mode="aspectFit"></image>
|
||||
</view>
|
||||
<view wx:else class="chat-edit-action-btn" catchtap="handleEmojiTrigger">
|
||||
<image class="chat-edit-action-icon" src="{{emojiTriggerIconDark}}" mode="aspectFit"></image>
|
||||
</view>
|
||||
</block>
|
||||
<view wx:if="{{showImageEntry}}" class="chat-edit-action-btn" catchtap="handleChooseImage">
|
||||
<image class="chat-edit-action-icon" src="{{imageTriggerIconDark}}" mode="aspectFit"></image>
|
||||
</view>
|
||||
<view wx:if="{{showCloseEntry}}" class="chat-edit-close-btn" catchtap="handleCloseTap">关闭</view>
|
||||
<view class="chat-edit-send-btn {{chatLength > 0 ? 'chat-edit-send-btn-active' : 'chat-edit-send-btn-disabled'}}" catchtap="handleSendTap">发送</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<scroll-view wx:if="{{showEmojiPanel}}" class="emoji-panel emoji-panel-active" scroll-y show-scrollbar="{{false}}" style="height: {{ panelHeight + 'px'}};">
|
||||
<view
|
||||
wx:for="{{emojiPanelSections}}"
|
||||
wx:key="key"
|
||||
wx:for-item="section"
|
||||
class="emoji-section"
|
||||
>
|
||||
<view class="emoji-section-title">{{section.title}}</view>
|
||||
<view class="emoji-grid">
|
||||
<view
|
||||
wx:for="{{section.emojis}}"
|
||||
wx:key="_emojiIndex_"
|
||||
wx:for-item="emoji"
|
||||
class="emoji-item {{section.isDynamic ? 'emoji-item-dynamic' : ''}} {{emoji.EmojiType === 2 ? 'emoji-item-big' : ''}}"
|
||||
data-set-index="{{emoji._setIndex_}}"
|
||||
data-emoji-index="{{emoji._emojiIndex_}}"
|
||||
bindtap="selectEmoji"
|
||||
>
|
||||
<image
|
||||
wx:if="{{emoji.EmojiImage && emoji.EmojiStatus !== 2}}"
|
||||
src="{{emoji.EmojiImage}}"
|
||||
mode="aspectFit"
|
||||
class="emoji-image {{section.isDynamic ? 'emoji-image-dynamic' : ''}} {{emoji.EmojiType === 2 ? 'emoji-image-big' : ''}}"
|
||||
></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<view wx:else class="keyboard-spacer" style="height: {{ panelHeight + 'px'}};"></view>
|
||||
</view>
|
||||
</view>
|
||||
</root-portal>
|
||||
|
||||
<view wx:else class="comment-wrapper {{isLandscape ? 'comment-wrapper-landscape' : 'comment-wrapper-portrait'}}">
|
||||
<view class="chat-edit-drawer" catchtap="catchNone">
|
||||
<view class="chat-edit-row">
|
||||
<view class="chat-edit-shell">
|
||||
<view class="chat-edit-main">
|
||||
<view wx:if="{{IsSendCommentEnable}}" class="chat-edit-input-wrap">
|
||||
<view
|
||||
class="chat-edit-input-preview {{chatValue ? '' : 'chat-edit-input-preview-placeholder'}}"
|
||||
catchtap="handleInputActivatorTap"
|
||||
>
|
||||
{{chatValue || (IsSendCommentEnable === 2 ? '主持人暂未开启互动聊天' : CommentConfig.InputBoxPrompt)}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="chat-edit-actions">
|
||||
<block wx:if="{{showEmojiEntry}}">
|
||||
<view class="chat-edit-icon" catchtap="handleEmojiTrigger">
|
||||
<image class="chat-edit-icon-image" src="{{emojiTriggerIcon}}" mode="aspectFit"></image>
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="chat-edit-toolbar">
|
||||
<slot></slot>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -0,0 +1 @@
|
||||
.comment-wrapper{margin:0 28rpx 10rpx 28rpx;position:relative;z-index:1103}.chat-edit-drawer-mask{position:fixed;inset:0;background:rgba(0,0,0,.24);z-index:1100}.comment-wrapper-landscape,.comment-wrapper-portrait{width:auto}.chat-edit-drawer{width:100%}.chat-edit-drawer-open{position:fixed;left:0;right:0;bottom:0;z-index:1103;background:#fff;padding:18rpx 16rpx 0;box-sizing:border-box;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.chat-edit-row{display:flex;align-items:flex-end;margin-top:12rpx}.comment-wrapper-large{margin-bottom:16rpx}.chat-edit-shell{flex:1;border-radius:46rpx;background:rgba(0,0,0,.14);padding:0 16rpx 0 28rpx;box-sizing:border-box;overflow:hidden}.chat-edit-shell-open{border-radius:20rpx;background:#f3f4f6;padding:18rpx 18rpx 16rpx}.chat-edit-shell-active{min-height:224rpx;box-shadow:0 -4rpx 18rpx rgba(29,33,41,.06)}.chat-edit-main{display:flex;align-items:center;min-height:72rpx;min-width:0;width:100%;overflow:hidden}.chat-edit-input-wrap{flex:1;min-width:0;position:relative;overflow:hidden}.chat-edit-input{width:100%;height:calc(72rpx + .5 * (1rem - 16px));min-height:calc(72rpx + .5 * (1rem - 16px));min-width:0;color:#fff;font-size:calc(28rpx + .5 * (1rem - 16px));line-height:calc(40rpx + .5 * (1rem - 16px));padding:16rpx 0;box-sizing:border-box;background:0 0;overflow:hidden}.chat-edit-input-preview{display:flex;align-items:center;flex:1;height:calc(72rpx + .5 * (1rem - 16px));min-height:calc(72rpx + .5 * (1rem - 16px));min-width:0;color:#fff;font-size:calc(28rpx + .5 * (1rem - 16px));line-height:calc(40rpx + .5 * (1rem - 16px));padding:16rpx 0;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat-edit-input-preview-placeholder{color:rgba(255,255,255,.72)}.chat-edit-shell-active .chat-edit-main{align-items:flex-start;min-height:112rpx}.chat-edit-shell-active .chat-edit-input{height:calc(112rpx + .5 * (1rem - 16px));min-height:calc(112rpx + .5 * (1rem - 16px));color:#1d2129;font-size:calc(32rpx + .5 * (1rem - 16px));line-height:calc(46rpx + .5 * (1rem - 16px));padding:14rpx 0 0}.chat-edit-input-large{font-size:calc(34rpx + .5 * (1rem - 16px))}.chat-edit-input-placeholder{color:rgba(255,255,255,.72)}.chat-edit-input-placeholder-active{color:#d0d4dc;font-size:calc(32rpx + .5 * (1rem - 16px));line-height:calc(46rpx + .5 * (1rem - 16px))}.chat-edit-actions{display:flex;align-items:center;margin-left:12rpx}.chat-edit-icon{width:56rpx;height:56rpx;display:flex;align-items:center;justify-content:center;margin-left:12rpx}.chat-edit-icon-image{width:calc(40rpx + .5 * (1rem - 16px));height:calc(40rpx + .5 * (1rem - 16px))}.chat-edit-toolbar{display:flex;align-items:flex-end;flex:0 0 auto;margin-left:12rpx}.chat-edit-footer{display:flex;align-items:flex-end;justify-content:space-between;margin-top:14rpx;min-height:60rpx;padding-top:10rpx}.chat-edit-counter{color:#4e5969;font-size:calc(20rpx + .5 * (1rem - 16px));line-height:calc(28rpx + .5 * (1rem - 16px));padding-bottom:10rpx}.chat-edit-footer-actions{display:flex;align-items:flex-end}.chat-edit-action-btn{width:60rpx;height:60rpx;border-radius:30rpx;background:#fff;display:flex;align-items:center;justify-content:center;margin-left:12rpx}.chat-edit-action-icon{width:calc(36rpx + .5 * (1rem - 16px));height:calc(36rpx + .5 * (1rem - 16px))}.chat-edit-close-btn{min-width:112rpx;height:calc(64rpx + .5 * (1rem - 16px));padding:0 28rpx;border-radius:40rpx;margin-left:12rpx;background:rgba(254,44,85,.08);color:#fe2c55;font-size:calc(28rpx + .5 * (1rem - 16px));font-weight:500;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.chat-edit-send-btn{min-width:112rpx;height:calc(64rpx + .5 * (1rem - 16px));padding:0 28rpx;border-radius:40rpx;margin-left:12rpx;background:#f7a3b3;color:#fff;font-size:calc(28rpx + .5 * (1rem - 16px));font-weight:500;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.chat-edit-send-btn-active{background:#ff3158;opacity:1}.chat-edit-send-btn-disabled{opacity:.55}.emoji-panel{margin-top:16rpx;border-radius:0;background:#fff;padding:8rpx 0 12rpx 0;box-sizing:border-box;position:relative;z-index:1102;overflow:hidden;flex:0 0 auto}.emoji-panel-active{margin-top:0}.keyboard-spacer{flex:0 0 auto;width:100%}.emoji-section{padding:8rpx 14rpx 18rpx 14rpx}.emoji-section-title{color:#1d2129;font-size:calc(22rpx + .5 * (1rem - 16px));line-height:calc(32rpx + .5 * (1rem - 16px));margin-bottom:12rpx;font-weight:600}.emoji-grid{display:flex;flex-wrap:wrap;margin:0 -2rpx}.emoji-item{width:12.5%;height:76rpx;display:flex;align-items:center;justify-content:center;margin-bottom:8rpx}.emoji-item-big{width:20%;height:88rpx}.emoji-item-dynamic{width:16.66%;height:92rpx}.emoji-image{width:56rpx;height:56rpx}.emoji-image-big{width:76rpx;height:76rpx}.emoji-image-dynamic{width:76rpx;height:76rpx}
|
||||
@@ -0,0 +1 @@
|
||||
"use strict";var CommentType={MuteAll:0,Welcome:2,Mock:3},UploadStatus={Uploading:"uploading",Failed:"failed",Success:"success"};module.exports={CommentType:CommentType,UploadStatus:UploadStatus};
|
||||
@@ -0,0 +1 @@
|
||||
"use strict";function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),o.push.apply(o,i)}return o}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(o),!0).forEach(function(t){_defineProperty(e,t,o[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))})}return e}function _defineProperty(e,t,o){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function _toPropertyKey(e){var t=_toPrimitive(e,"string");return"symbol"===_typeof(t)?t:String(t)}function _toPrimitive(e,t){if("object"!==_typeof(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var i=o.call(e,t||"default");if("object"!==_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var _require=require("../../../utils/comment"),EMOJI_TYPE=_require.EMOJI_TYPE,getDisplayName=function(e){return String(e||"").split("|")[0]},buildEmojiPanelSections=function(e){var t=(e||[]).map(function(e,t){return{emojiSet:e,setIndex:t}}),o=t.find(function(e){var t;return 1===(null===(t=e.emojiSet)||void 0===t?void 0:t.IsSystemEmojiSet)}),i=t.filter(function(e){var t;return 1!==(null===(t=e.emojiSet)||void 0===t?void 0:t.IsSystemEmojiSet)}),r=[];if(null!=o&&o.emojiSet){var n=o.emojiSet,u=o.setIndex,s=[],m=[];(n.Emojis||[]).forEach(function(e,t){if(e&&2!==e.EmojiStatus){var o=_objectSpread(_objectSpread({},e),{},{_setIndex_:u,_emojiIndex_:t});String(e.EmojiImage||"").toLowerCase().includes(".gif")?s.push(o):m.push(o)}}),s.length>0&&r.push({key:"system-dynamic-".concat(n.EmojiSetId||0),title:"动态",type:"system-dynamic",isDynamic:!0,emojis:s}),m.length>0&&r.push({key:"system-all-".concat(n.EmojiSetId||0),title:"全部",type:"system-default",emojis:m})}return i.forEach(function(e){var t=e.emojiSet,o=e.setIndex,i=(t.Emojis||[]).map(function(e,t){return _objectSpread(_objectSpread({},e),{},{_setIndex_:o,_emojiIndex_:t})}).filter(function(e){return 2!==(null==e?void 0:e.EmojiStatus)});i.length&&r.push({key:"custom-".concat(t.EmojiSetId||o),title:getDisplayName(t.EmojiSetName),type:t.EmojiSetType===EMOJI_TYPE.BIG?"custom-big":"custom-small",emojis:i})}),r},getImageMimeType=function(e){var t=String(e||"").toLowerCase();return t.endsWith(".png")?"image/png":t.endsWith(".jpg")?"image/jpg":t.endsWith(".jpeg")?"image/jpeg":""},isChooseImageCancelled=function(e){return String((null==e?void 0:e.errMsg)||(null==e?void 0:e.message)||"").toLowerCase().includes("cancel")};module.exports={getDisplayName:getDisplayName,buildEmojiPanelSections:buildEmojiPanelSections,getImageMimeType:getImageMimeType,isChooseImageCancelled:isChooseImageCancelled};
|
||||
@@ -0,0 +1 @@
|
||||
{"component":true,"usingComponents":{"mp-icon":"weui-miniprogram/icon/icon","product-message":"../../product-message/product-message"}}
|
||||
@@ -0,0 +1,449 @@
|
||||
<template name="rich-text-segments">
|
||||
<block wx:for="{{segments}}" wx:for-item="segment" wx:key="index">
|
||||
<text wx:if="{{segment.type === 'text'}}">{{segment.text}}</text>
|
||||
<image wx:else class="{{emojiClass}} {{segment.isDynamic ? dynamicEmojiClass : ''}}" src="{{segment.src}}" mode="aspectFit"></image>
|
||||
</block>
|
||||
</template>
|
||||
|
||||
<template name="system-message">
|
||||
<view id="{{item.Common.MsgId}}" class="chat-list-item-content" style="background-color: {{backgroundColor}}">
|
||||
<view class="chat-list-user-info chat-list-user-info-other" style="background-color: {{ tagBackgroundColor }};">
|
||||
{{ item.Extra.User.Nickname || '系统提示' }}
|
||||
</view>
|
||||
<view class="chat-list-msg-content" style="color: {{ textColor }}">
|
||||
<template
|
||||
is="rich-text-segments"
|
||||
data="{{segments: item.Extra._richTextSegments_, emojiClass: 'chat-comment-inline-emoji', dynamicEmojiClass: 'chat-comment-inline-emoji-dynamic'}}"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<template name="viewer-level-badge">
|
||||
<view
|
||||
wx:if="{{isViewerLevelEnable && item.Extra._levelMeta_}}"
|
||||
class="chat-list-level-badge {{inlineFlow ? 'chat-list-level-badge-inline-flow' : ''}}"
|
||||
style="background-color: {{item.Extra._levelMeta_.Color}}"
|
||||
>
|
||||
<image
|
||||
wx:if="{{item.Extra._levelMeta_.LevelIcon}}"
|
||||
class="chat-list-level-icon"
|
||||
src="{{item.Extra._levelMeta_.LevelIcon}}"
|
||||
mode="aspectFit"
|
||||
></image>
|
||||
<text class="chat-list-level-name">{{item.Extra._levelMeta_.LevelName}}</text>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<template name="comment-image-with-status">
|
||||
<view class="chat-comment-image-wrapper" style="{{item.Extra._imageStyle_ || ''}}">
|
||||
<image
|
||||
class="chat-comment-image"
|
||||
src="{{item.Extra._previewSrc_}}"
|
||||
mode="aspectFit"
|
||||
data-msg-id="{{item.Common.MsgId}}"
|
||||
data-src="{{item.Extra._previewSrc_}}"
|
||||
bindload="handleCommentImageLoad"
|
||||
bindtap="previewCommentImage"
|
||||
></image>
|
||||
<view wx:if="{{showStatus && (item.Extra._uploadStatus_ === 'uploading' || item.Extra._uploadStatus_ === 'failed')}}" class="chat-comment-status">
|
||||
{{item.Extra._uploadStatus_ === 'uploading' ? '上传中...' : '上传失败'}}
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<template name="rich-comment-content">
|
||||
<view class="chat-comment-rich-text chat-comment-inline-flow {{extraClass}}" style="color: {{textColor}}">
|
||||
<template
|
||||
is="viewer-level-badge"
|
||||
data="{{item, isViewerLevelEnable: showViewerBadge ? isViewerLevelEnable : false, inlineFlow: true}}"
|
||||
/>
|
||||
<view
|
||||
wx:if="{{pillText}}"
|
||||
class="chat-list-user-info chat-list-user-info-other chat-presenter-tag-inline"
|
||||
style="background-color: {{nicknameBackgroundColor}}"
|
||||
>
|
||||
{{ pillText }}
|
||||
</view>
|
||||
<text wx:if="{{pillText}}" class="chat-comment-name-inline"> </text>
|
||||
<block wx:elif="{{hideNickname}}">
|
||||
</block>
|
||||
<text
|
||||
wx:elif="{{usePillNickname && item.Extra.User.Nickname}}"
|
||||
class="chat-comment-name-inline chat-comment-name-pill"
|
||||
style="background-color: {{nicknameBackgroundColor}}"
|
||||
>
|
||||
{{ item.Extra.User.Nickname }}
|
||||
</text>
|
||||
<text wx:if="{{!pillText && !hideNickname && usePillNickname && item.Extra.User.Nickname}}" class="chat-comment-name-inline"> </text>
|
||||
<block wx:elif="{{!pillText && !hideNickname && item.Extra.User.Nickname}}">
|
||||
<text class="chat-comment-name-inline">{{ item.Extra.User.Nickname }}</text>
|
||||
<text class="chat-comment-name-inline">:</text>
|
||||
</block>
|
||||
<template
|
||||
is="rich-text-segments"
|
||||
data="{{segments: item.Extra._richTextSegments_, emojiClass: 'chat-comment-inline-emoji', dynamicEmojiClass: 'chat-comment-inline-emoji-dynamic'}}"
|
||||
/>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<template name="photo-comment-content">
|
||||
<view class="{{containerClass}}">
|
||||
<template
|
||||
is="viewer-level-badge"
|
||||
data="{{item, isViewerLevelEnable: showViewerBadge ? isViewerLevelEnable : false, inlineFlow: false}}"
|
||||
/>
|
||||
<view class="chat-comment-body">
|
||||
<view
|
||||
wx:if="{{pillText}}"
|
||||
class="chat-list-user-info chat-list-user-info-other"
|
||||
style="background-color: {{nicknameBackgroundColor}}"
|
||||
>
|
||||
{{ pillText }}
|
||||
</view>
|
||||
<block wx:elif="{{hideNickname}}">
|
||||
</block>
|
||||
<view
|
||||
wx:elif="{{usePillNickname && item.Extra.User.Nickname}}"
|
||||
class="chat-list-user-info chat-list-user-info-other"
|
||||
style="background-color: {{nicknameBackgroundColor}}"
|
||||
>
|
||||
{{ item.Extra.User.Nickname }}
|
||||
</view>
|
||||
<view wx:elif="{{!hideNickname && item.Extra.User.Nickname}}" class="chat-list-user-info" style="color: {{textColor}}">
|
||||
{{ item.Extra.User.Nickname + ':' }}
|
||||
</view>
|
||||
<template is="comment-image-with-status" data="{{item, showStatus}}" />
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<template name="big-emoji-comment-content">
|
||||
<view class="{{containerClass}}">
|
||||
<template
|
||||
is="viewer-level-badge"
|
||||
data="{{item, isViewerLevelEnable: showViewerBadge ? isViewerLevelEnable : false, inlineFlow: false}}"
|
||||
/>
|
||||
<view class="chat-comment-body">
|
||||
<view
|
||||
wx:if="{{pillText}}"
|
||||
class="chat-list-user-info chat-list-user-info-other"
|
||||
style="background-color: {{nicknameBackgroundColor}}"
|
||||
>
|
||||
{{ pillText }}
|
||||
</view>
|
||||
<block wx:elif="{{hideNickname}}">
|
||||
</block>
|
||||
<view
|
||||
wx:elif="{{usePillNickname && item.Extra.User.Nickname}}"
|
||||
class="chat-list-user-info chat-list-user-info-other"
|
||||
style="background-color: {{nicknameBackgroundColor}}"
|
||||
>
|
||||
{{ item.Extra.User.Nickname }}
|
||||
</view>
|
||||
<view wx:elif="{{!hideNickname && item.Extra.User.Nickname}}" class="chat-list-user-info" style="color: {{textColor}}">
|
||||
{{ item.Extra.User.Nickname + ':' }}
|
||||
</view>
|
||||
<image class="chat-comment-big-emoji" src="{{item.Extra._emojiImage_}}" mode="aspectFit"></image>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<template name="avatar-comment-content">
|
||||
<view id="{{item.Common.MsgId}}" class="chat-avatar-comment">
|
||||
<view class="chat-avatar-box">
|
||||
<image
|
||||
class="chat-avatar-image"
|
||||
src="{{item.Extra._avatarUrl_ && !item.Extra._avatarLoadFailed_ ? item.Extra._avatarUrl_ : item.Extra._avatarDefaultUrl_}}"
|
||||
mode="aspectFill"
|
||||
data-msg-id="{{item.Common.MsgId}}"
|
||||
data-src="{{item.Extra._avatarUrl_}}"
|
||||
binderror="handleAvatarError"
|
||||
></image>
|
||||
</view>
|
||||
<view class="chat-avatar-main">
|
||||
<view class="chat-avatar-header">
|
||||
<view
|
||||
wx:if="{{pillText}}"
|
||||
class="chat-list-user-info chat-list-user-info-other"
|
||||
style="background-color: {{nicknameBackgroundColor}}"
|
||||
>
|
||||
{{ pillText }}
|
||||
</view>
|
||||
<template
|
||||
wx:else
|
||||
is="viewer-level-badge"
|
||||
data="{{item, isViewerLevelEnable: showViewerBadge ? isViewerLevelEnable : false, inlineFlow: false}}"
|
||||
/>
|
||||
<text wx:if="{{!hideNickname && item.Extra.User.Nickname}}" class="chat-avatar-name" style="color: {{textColor}}">{{ item.Extra.User.Nickname }}</text>
|
||||
</view>
|
||||
<template
|
||||
wx:if="{{item.Extra._renderType_ === 'photo'}}"
|
||||
is="comment-image-with-status"
|
||||
data="{{item, showStatus: true}}"
|
||||
/>
|
||||
<view wx:else class="chat-avatar-bubble" style="background-color: {{backgroundColor}}">
|
||||
<image
|
||||
wx:if="{{item.Extra._renderType_ === 'big-emoji'}}"
|
||||
class="chat-comment-big-emoji"
|
||||
src="{{item.Extra._emojiImage_}}"
|
||||
mode="aspectFit"
|
||||
></image>
|
||||
<view wx:else class="chat-comment-rich-text" style="color: {{textColor}}">
|
||||
<template
|
||||
is="rich-text-segments"
|
||||
data="{{segments: item.Extra._richTextSegments_, emojiClass: 'chat-comment-inline-emoji', dynamicEmojiClass: 'chat-comment-inline-emoji-dynamic'}}"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<template name="auto-reply-card-content">
|
||||
<view
|
||||
class="chat-list-auto-reply-card {{avatarMode ? 'chat-list-auto-reply-card-avatar' : 'chat-list-item-content'}}"
|
||||
style="background-color: {{backgroundColor}}"
|
||||
bindtap="onAutoReplyTap"
|
||||
data-item="{{item}}"
|
||||
>
|
||||
<view
|
||||
wx:if="{{item.Extra._autoReplyDisplay_.hasAnchorPreview}}"
|
||||
class="chat-list-auto-reply-preview {{avatarMode ? 'chat-list-auto-reply-preview-avatar' : ''}}"
|
||||
style="color: {{ textColor }}"
|
||||
>
|
||||
<text class="chat-list-auto-reply-preview-text">{{ item.Extra._autoReplyDisplay_.anchorPreviewText }}</text>
|
||||
</view>
|
||||
<view
|
||||
wx:if="{{item.Extra._autoReplyDisplay_.hasAnchorPreview}}"
|
||||
class="chat-list-auto-reply-divider {{avatarMode ? 'chat-list-auto-reply-divider-avatar' : ''}}"
|
||||
></view>
|
||||
<view class="chat-list-auto-reply-footer {{avatarMode ? 'chat-list-auto-reply-footer-avatar' : ''}}">
|
||||
<view wx:if="{{!avatarMode}}" class="chat-list-auto-reply-icon" aria-hidden="true">
|
||||
<image
|
||||
wx:if="{{item.Extra._autoReplyDisplay_.robotAvatar}}"
|
||||
class="chat-list-auto-reply-icon-img"
|
||||
src="{{item.Extra._autoReplyDisplay_.robotAvatar}}"
|
||||
mode="aspectFill"
|
||||
></image>
|
||||
<view wx:else class="chat-list-auto-reply-icon-fallback"></view>
|
||||
</view>
|
||||
<text class="chat-list-auto-reply-status {{avatarMode ? 'chat-list-auto-reply-status-avatar' : ''}}">{{ avatarMode ? item.Extra._autoReplyDisplay_.avatarStatusText : item.Extra._autoReplyDisplay_.statusText }}</text>
|
||||
<text class="chat-list-auto-reply-action {{avatarMode ? 'chat-list-auto-reply-action-avatar' : ''}}">查看 ></text>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<template name="avatar-auto-reply-content">
|
||||
<view id="{{item.Common.MsgId}}" class="chat-avatar-comment chat-avatar-auto-reply">
|
||||
<view class="chat-avatar-box">
|
||||
<image
|
||||
class="chat-avatar-image"
|
||||
src="{{item.Extra._avatarUrl_ && !item.Extra._avatarLoadFailed_ ? item.Extra._avatarUrl_ : item.Extra._avatarDefaultUrl_}}"
|
||||
mode="aspectFill"
|
||||
data-msg-id="{{item.Common.MsgId}}"
|
||||
data-src="{{item.Extra._avatarUrl_}}"
|
||||
binderror="handleAvatarError"
|
||||
></image>
|
||||
</view>
|
||||
<view class="chat-avatar-main chat-avatar-auto-reply-main">
|
||||
<view class="chat-avatar-header">
|
||||
<text class="chat-avatar-name chat-avatar-auto-reply-name" style="color: {{textColor}}">{{ item.Extra._autoReplyDisplay_.robotNameDisplay }}</text>
|
||||
</view>
|
||||
<template
|
||||
is="auto-reply-card-content"
|
||||
data="{{item, backgroundColor, textColor, avatarMode: true}}"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<view class="chat-list-wrapper">
|
||||
<view wx:if="{{topComment.length}}" class="chat-top-comment">
|
||||
<view class="chat-top-comment-content">
|
||||
<view class="chat-top-comment-main">
|
||||
<view wx:if="{{topComment[0].Extra.User.Nickname}}" class="chat-top-comment-header">
|
||||
<view class="chat-top-comment-accent"></view>
|
||||
<text class="chat-top-comment-name">{{ topComment[0].Extra.User.Nickname }}</text>
|
||||
</view>
|
||||
<block wx:if="{{topComment[0].Extra._renderType_ === 'photo'}}">
|
||||
<view class="chat-top-comment-media">
|
||||
<template is="comment-image-with-status" data="{{item: topComment[0], showStatus: false}}" />
|
||||
</view>
|
||||
</block>
|
||||
<block wx:elif="{{topComment[0].Extra._renderType_ === 'big-emoji'}}">
|
||||
<view class="chat-top-comment-media">
|
||||
<image class="chat-comment-big-emoji" src="{{topComment[0].Extra._emojiImage_}}" mode="aspectFit"></image>
|
||||
</view>
|
||||
</block>
|
||||
<view wx:else class="chat-top-comment-rich-text-expandable" bindtap="handleTopCommentTap">
|
||||
<view class="chat-top-comment-rich-text">
|
||||
<template
|
||||
is="rich-text-segments"
|
||||
data="{{segments: topComment[0].Extra._richTextSegments_, emojiClass: 'chat-comment-inline-emoji', dynamicEmojiClass: 'chat-comment-inline-emoji-dynamic'}}"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<scroll-view id="chat-scrollview" reverse="{{true}}" enable-flex="{{true}}" class="chat-scroll-view" scroll-y bindscrolltoupper="getHistoryList" scroll-into-view="{{scrollIntoViewId}}" bindscroll="bindscroll">
|
||||
<view id="chat-list-list" class="chat-list-list" style="font-size: {{_chatFontSizeStyle}}">
|
||||
<view style="color: {{ FontColor }}" class="chat-list-history" wx:if="{{ !hasHistory && filterListCount > 25 }}">
|
||||
<view class="chat-list-history-content">没有更多了</view>
|
||||
</view>
|
||||
<view
|
||||
id="view{{item.Common.MsgId}}"
|
||||
class="chat-list-item"
|
||||
hidden="{{item.Extra._systemNoticeInfo_ && !systemNoticeVisible}}"
|
||||
wx:for="{{ chatList }}"
|
||||
wx:for-index="index"
|
||||
wx:for-item="item"
|
||||
wx:key="id"
|
||||
>
|
||||
<!-- 欢迎语 -->
|
||||
<template
|
||||
wx:if="{{item.Extra._welcomeInfo_}}"
|
||||
is="system-message"
|
||||
data="{{item, backgroundColor: MobileChatBackgroundColor, tagBackgroundColor: PresenterTagBackgroundColor, textColor: FontColor}}"
|
||||
/>
|
||||
<template
|
||||
wx:elif="{{item.Extra._operationInfo_ && item.Extra._operationInfo_.IsSendCommentEnable !== undefined}}"
|
||||
is="system-message"
|
||||
data="{{item, backgroundColor: MobileChatBackgroundColor, tagBackgroundColor: PresenterTagBackgroundColor, textColor: FontColor}}"
|
||||
/>
|
||||
<!-- 智能助理:头像模式对齐 Web ChatItemAvatar,非头像模式对齐 Web MobileAutoReplyMessage inline -->
|
||||
<template
|
||||
wx:elif="{{item.Extra._autoReplyInfo_.IsAutoReply && showAvatar}}"
|
||||
is="avatar-auto-reply-content"
|
||||
data="{{item, backgroundColor: MobileChatBackgroundColor, textColor: FontColor}}"
|
||||
/>
|
||||
<template
|
||||
wx:elif="{{item.Extra._autoReplyInfo_.IsAutoReply}}"
|
||||
is="auto-reply-card-content"
|
||||
data="{{item, backgroundColor: MobileChatBackgroundColor, textColor: FontColor, avatarMode: false}}"
|
||||
/>
|
||||
<template
|
||||
wx:elif="{{item.Extra.IsPresenter && showAvatar}}"
|
||||
is="avatar-comment-content"
|
||||
data="{{item, backgroundColor: MobileChatBackgroundColor, textColor: PresenterChatColor, showViewerBadge: false, isViewerLevelEnable: false, pillText: item.Extra._presenterNickname_, nicknameBackgroundColor: PresenterTagBackgroundColor, hideNickname: true}}"
|
||||
/>
|
||||
<!-- 主持人 -->
|
||||
<view id="{{item.Common.MsgId}}" wx:elif="{{item.Extra.IsPresenter}}" class="chat-list-item-content" style="background-color: {{MobileChatBackgroundColor}}">
|
||||
<template
|
||||
wx:if="{{item.Extra._renderType_ === 'photo'}}"
|
||||
is="photo-comment-content"
|
||||
data="{{item, containerClass: '', usePillNickname: false, pillText: item.Extra._presenterNickname_, nicknameBackgroundColor: PresenterTagBackgroundColor, textColor: PresenterChatColor, showViewerBadge: false, isViewerLevelEnable: false, showStatus: true}}"
|
||||
/>
|
||||
<template
|
||||
wx:elif="{{item.Extra._renderType_ === 'big-emoji'}}"
|
||||
is="big-emoji-comment-content"
|
||||
data="{{item, containerClass: '', usePillNickname: false, pillText: item.Extra._presenterNickname_, nicknameBackgroundColor: PresenterTagBackgroundColor, textColor: PresenterChatColor, showViewerBadge: false, isViewerLevelEnable: false}}"
|
||||
/>
|
||||
<template
|
||||
wx:else
|
||||
is="rich-comment-content"
|
||||
data="{{item, textColor: PresenterChatColor, usePillNickname: false, pillText: item.Extra._presenterNickname_, nicknameBackgroundColor: PresenterTagBackgroundColor, showViewerBadge: false, isViewerLevelEnable: false, extraClass: ''}}"
|
||||
/>
|
||||
</view>
|
||||
<!-- 观众 -->
|
||||
<template
|
||||
wx:elif="{{showAvatar}}"
|
||||
is="avatar-comment-content"
|
||||
data="{{item, backgroundColor: MobileChatBackgroundColor, textColor: FontColor, showViewerBadge: true, isViewerLevelEnable}}"
|
||||
/>
|
||||
<view id="{{item.Common.MsgId}}" wx:else class="chat-list-item-content" style="background-color: {{MobileChatBackgroundColor}}">
|
||||
<template
|
||||
wx:if="{{item.Extra._renderType_ === 'photo'}}"
|
||||
is="photo-comment-content"
|
||||
data="{{item, containerClass: 'chat-comment-main', usePillNickname: false, nicknameBackgroundColor: '', textColor: FontColor, showViewerBadge: true, isViewerLevelEnable, showStatus: true}}"
|
||||
/>
|
||||
<template
|
||||
wx:elif="{{item.Extra._renderType_ === 'big-emoji'}}"
|
||||
is="big-emoji-comment-content"
|
||||
data="{{item, containerClass: 'chat-comment-main', usePillNickname: false, nicknameBackgroundColor: '', textColor: FontColor, showViewerBadge: true, isViewerLevelEnable}}"
|
||||
/>
|
||||
<template
|
||||
wx:else
|
||||
is="rich-comment-content"
|
||||
data="{{item, textColor: FontColor, usePillNickname: false, nicknameBackgroundColor: '', showViewerBadge: true, isViewerLevelEnable, extraClass: ''}}"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<product-message sdkInstance="{{sdkInstance}}" />
|
||||
</view>
|
||||
<!-- 智能助理底部横幅:白底双行 + 固定色「查看」,对齐设计稿 AutoReplyNotice -->
|
||||
<view
|
||||
wx:if="{{autoReplyNoticeVisible && autoReplyNoticeItem}}"
|
||||
class="chat-auto-reply-notice"
|
||||
catchtap="catchNone"
|
||||
>
|
||||
<view class="chat-auto-reply-notice-icon" aria-hidden="true">
|
||||
<image
|
||||
wx:if="{{autoReplyNoticeItem.Extra._autoReplyDisplay_.robotAvatar}}"
|
||||
class="chat-auto-reply-notice-icon-img"
|
||||
src="{{autoReplyNoticeItem.Extra._autoReplyDisplay_.robotAvatar}}"
|
||||
mode="aspectFill"
|
||||
></image>
|
||||
<view wx:else class="chat-auto-reply-notice-icon-fallback"></view>
|
||||
</view>
|
||||
<view class="chat-auto-reply-notice-content">
|
||||
<text class="chat-auto-reply-notice-title">{{ autoReplyNoticeItem.Extra._autoReplyDisplay_.noticeTitle }}</text>
|
||||
<text class="chat-auto-reply-notice-desc">{{ autoReplyNoticeItem.Extra._autoReplyDisplay_.noticeDesc }}</text>
|
||||
</view>
|
||||
<view class="chat-auto-reply-notice-actions">
|
||||
<text class="chat-auto-reply-notice-action" catchtap="onAutoReplyNoticeView">查看</text>
|
||||
<text class="chat-auto-reply-notice-close" catchtap="closeAutoReplyNotice">×</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="chat-more-notice" wx:if="{{newCount && isShowMoreNote}}" bind:tap="newCountClick">
|
||||
<image src="../../../assets/arrowDoubleDown.svg" class="chat-more-notice-icon" />
|
||||
{{newCount}} 条消息
|
||||
</view>
|
||||
<view wx:if="{{autoReplyPanelVisible && autoReplyPanelItem}}" class="chat-auto-reply-panel-mask" bindtap="closeAutoReplyPanel"></view>
|
||||
<view wx:if="{{autoReplyPanelVisible && autoReplyPanelItem}}" class="chat-auto-reply-panel-sheet" catchtap="catchNone">
|
||||
<view class="chat-auto-reply-panel">
|
||||
<view class="chat-auto-reply-panel-header">
|
||||
<view class="chat-auto-reply-panel-title">
|
||||
{{ autoReplyPanelItem.Extra._autoReplyDisplay_.panelHeaderTitle }}
|
||||
</view>
|
||||
<view class="chat-auto-reply-panel-close" bindtap="closeAutoReplyPanel">
|
||||
<mp-icon icon="close" size="{{16}}" color="#1d2129"></mp-icon>
|
||||
</view>
|
||||
</view>
|
||||
<view class="chat-auto-reply-panel-card">
|
||||
<view class="chat-auto-reply-panel-question">
|
||||
{{ autoReplyPanelItem.Extra._autoReplyDisplay_.panelQuestion }}
|
||||
</view>
|
||||
<view class="chat-auto-reply-panel-answer">
|
||||
<template
|
||||
is="rich-text-segments"
|
||||
data="{{segments: autoReplyPanelItem.Extra._richTextSegments_, emojiClass: 'chat-comment-inline-emoji', dynamicEmojiClass: 'chat-comment-inline-emoji-dynamic'}}"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
<view class="chat-auto-reply-panel-confirm" bindtap="closeAutoReplyPanel">我知道了</view>
|
||||
</view>
|
||||
</view>
|
||||
<view wx:if="{{topCommentPopupVisible && topComment.length}}" class="chat-top-comment-drawer-mask" bindtap="closeTopCommentPopup"></view>
|
||||
<view wx:if="{{topCommentPopupVisible && topComment.length}}" class="chat-top-comment-drawer-sheet" catchtap="catchNone">
|
||||
<view class="chat-top-comment-drawer">
|
||||
<view class="chat-top-comment-drawer-header">
|
||||
<view class="chat-top-comment-drawer-title">置顶内容</view>
|
||||
<view class="chat-top-comment-drawer-close" bindtap="closeTopCommentPopup">
|
||||
<mp-icon icon="close" size="{{16}}" color="#1d2129"></mp-icon>
|
||||
</view>
|
||||
</view>
|
||||
<view class="chat-top-comment-drawer-body">
|
||||
<view class="chat-top-comment-drawer-name">{{topComment[0].Extra.User.Nickname}}</view>
|
||||
<view class="chat-top-comment-drawer-content">
|
||||
<template
|
||||
is="rich-text-segments"
|
||||
data="{{segments: topComment[0].Extra._richTextSegments_, emojiClass: 'chat-top-comment-drawer-emoji', dynamicEmojiClass: 'chat-top-comment-drawer-emoji-dynamic'}}"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -0,0 +1 @@
|
||||
"use strict";Component({options:{multipleSlots:!0},properties:{sdkInstance:{type:Object,value:null},isLandscape:{type:Boolean,value:!1},externalEditorCloseSignal:{type:Number,value:0}},lifetimes:{detached:function(){"function"==typeof this.unsub&&this.unsub(),this.unsub=null}},observers:{sdkInstance:function(t){t&&(this.store=t.store)}},methods:{commentCheck:function(){this.triggerEvent("commentCheck")},openChatInput:function(){var t,e;null===(t=this.selectComponent("#chatEdit"))||void 0===t||null===(e=t.handleInputActivatorTap)||void 0===e||e.call(t)},previewImage:function(t){this.triggerEvent("previewimage",t.detail)},handleEditorStateChange:function(t){this.triggerEvent("editorstatechange",t.detail)}}});
|
||||
@@ -0,0 +1 @@
|
||||
{"component":true,"usingComponents":{"chat-list":"./chat-list/chat-list","chat-edit":"./chat-edit/chat-edit","notification-message":"../notification-message/notification-message"}}
|
||||
@@ -0,0 +1,23 @@
|
||||
<view class="volc-chat-wrap {{isLandscape ? 'volc-chat-wrap-landscape' : ''}}">
|
||||
<slot name="top-area"></slot>
|
||||
<notification-message sdkInstance="{{sdkInstance}}" isLandscape="{{isLandscape}}" bind:commentCheck="commentCheck" />
|
||||
<chat-list
|
||||
class="volc-chat-list"
|
||||
id="chatList"
|
||||
sdkInstance="{{sdkInstance}}"
|
||||
isLandscape="{{isLandscape}}"
|
||||
chat-list="{{ chatList }}"
|
||||
bind:previewimage="previewImage"
|
||||
/>
|
||||
<chat-edit
|
||||
id="chatEdit"
|
||||
class="volc-chat-edit"
|
||||
sdkInstance="{{sdkInstance}}"
|
||||
isLandscape="{{isLandscape}}"
|
||||
externalEditorCloseSignal="{{externalEditorCloseSignal}}"
|
||||
bind:commentCheck="commentCheck"
|
||||
bind:editorstatechange="handleEditorStateChange"
|
||||
>
|
||||
<slot></slot>
|
||||
</chat-edit>
|
||||
</view>
|
||||
@@ -0,0 +1 @@
|
||||
.volc-chat-wrap{display:flex;flex-direction:column;position:relative;width:100%;height:100%;font-family:PingFang SC,Helvetica Neue,Helvetica,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif}.volc-chat-wrap-landscape{height:calc(100% - env(safe-area-inset-bottom))}.volc-chat-list{height:0;flex:1;position:relative}.volc-chat-edit{width:100%;height:55px;z-index:102}
|
||||
@@ -0,0 +1,54 @@
|
||||
|
||||
<svg width="43" height="42" viewBox="0 0 43 42" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="0.928558" y="0.428711" width="41.1429" height="41.1429" rx="20.5714" fill="url(#paint0_linear_2570_76858)" fill-opacity="0.6"/>
|
||||
<g clip-path="url(#clip0_2570_76858)">
|
||||
<g filter="url(#filter0_d_2570_76858)">
|
||||
<path d="M31.0118 28.2805C31.2626 28.5319 31.4034 28.8724 31.4034 29.2275C31.4034 29.5825 31.2626 29.9231 31.0118 30.1744L30.0648 31.1215C29.365 31.8212 28.4446 32.2475 27.3289 32.3886C27.0523 32.4232 26.7737 32.4403 26.4949 32.4398C25.6829 32.4398 24.8069 32.3027 23.8796 32.03C21.3626 31.2902 18.7153 29.6218 16.4276 27.3335C14.14 25.0451 12.4709 22.3987 11.7311 19.8815C11.3628 18.6274 11.2416 17.4669 11.3725 16.4329C11.5136 15.3172 11.9399 14.3968 12.6396 13.697L13.5867 12.75C13.838 12.4992 14.1786 12.3584 14.5336 12.3584C14.8887 12.3584 15.2292 12.4992 15.4806 12.75L19.6476 16.9168C19.8984 17.1682 20.0392 17.5088 20.0392 17.8639C20.0392 18.219 19.8984 18.5595 19.6476 18.8109L18.7006 19.7573C18.1649 20.293 18.6981 22.0277 20.2158 23.5453C21.7336 25.0629 23.4674 25.5969 24.0038 25.0605L24.9509 24.1135C25.2022 23.8627 25.5428 23.7219 25.8979 23.7219C26.253 23.7219 26.5936 23.8627 26.8449 24.1135L31.0118 28.2805Z" fill="white"/>
|
||||
</g>
|
||||
<g filter="url(#filter1_d_2570_76858)">
|
||||
<path d="M27.9286 17.2904H23.6428C22.7589 17.2904 22.0357 16.7118 22.0357 16.0047V12.1475C22.0357 11.4404 22.7589 10.8618 23.6428 10.8618H27.9286C28.8125 10.8618 29.5357 11.4404 29.5357 12.1475V16.0047C29.5357 16.7118 28.8125 17.2904 27.9286 17.2904Z" fill="white"/>
|
||||
</g>
|
||||
<g filter="url(#filter2_d_2570_76858)">
|
||||
<path d="M31.1451 16.2183C31.4385 16.2183 31.6786 16.043 31.6786 15.8287V12.3222C31.6786 12.1079 31.4385 11.9326 31.1451 11.9326C31.065 11.9326 30.985 11.9521 30.9139 11.9716V11.9651L30.1848 12.2378C29.8025 12.4131 29.5357 12.7508 29.5357 13.1534V14.9846C29.5357 15.3872 29.7847 15.7183 30.1848 15.9066L30.8605 16.1599H30.8783C30.9672 16.1989 31.0473 16.2183 31.1451 16.2183V16.2183Z" fill="white"/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_d_2570_76858" x="6.17858" y="8.92983" width="30.3677" height="30.3673" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="1.71429"/>
|
||||
<feGaussianBlur stdDeviation="2.57143"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.10625 0 0 0 0 0.5 0 0 0 0 0.477647 0 0 0 0.5 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2570_76858"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2570_76858" result="shape"/>
|
||||
</filter>
|
||||
<filter id="filter1_d_2570_76858" x="16.8928" y="7.43324" width="17.7857" height="16.7144" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="1.71429"/>
|
||||
<feGaussianBlur stdDeviation="2.57143"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.10625 0 0 0 0 0.5 0 0 0 0 0.477647 0 0 0 0.5 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2570_76858"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2570_76858" result="shape"/>
|
||||
</filter>
|
||||
<filter id="filter2_d_2570_76858" x="24.3928" y="8.50405" width="12.4286" height="14.5714" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="1.71429"/>
|
||||
<feGaussianBlur stdDeviation="2.57143"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.10625 0 0 0 0 0.5 0 0 0 0 0.477647 0 0 0 0.5 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2570_76858"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2570_76858" result="shape"/>
|
||||
</filter>
|
||||
<linearGradient id="paint0_linear_2570_76858" x1="0.928558" y1="21.0001" x2="42.0714" y2="21.0001" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#4FFE80"/>
|
||||
<stop offset="1" stop-color="#00D0FE"/>
|
||||
</linearGradient>
|
||||
<clipPath id="clip0_2570_76858">
|
||||
<rect width="27.4286" height="27.4286" fill="white" transform="translate(7.78571 7.28613)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.5 KiB |
@@ -0,0 +1,5 @@
|
||||
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M21.1399 4.80012H18.0007L17.6455 3.83052C17.4391 3.25932 16.8967 2.88012 16.2871 2.88012H8.71274C8.10314 2.88012 7.56074 3.25932 7.35434 3.83052L6.99914 4.80012H3.85994C2.80394 4.80012 1.93994 5.66412 1.93994 6.72012V19.2001C1.93994 20.2561 2.80394 21.1201 3.85994 21.1201H21.1399C22.1959 21.1201 23.0599 20.2561 23.0599 19.2001V6.72012C23.0599 5.66412 22.1959 4.80012 21.1399 4.80012ZM7.7432 13.424C7.748 13.448 7.8008 13.76 7.8008 13.76C8.2424 15.9488 10.1816 17.6 12.5 17.6C13.7183 17.6 14.8322 17.1452 15.6807 16.3933C15.8748 16.2213 15.8757 15.9257 15.7023 15.7329L15.1038 15.0676C14.9001 14.8412 14.5438 14.8515 14.3065 15.0425C13.8127 15.4401 13.1846 15.68 12.5 15.68C11.2088 15.68 10.124 14.8256 9.7592 13.6544C9.6728 13.3808 9.62 13.0976 9.62 12.8H10.3709C10.5441 12.8 10.6354 12.5949 10.5196 12.4662L9.03165 10.8129C8.83303 10.5922 8.48697 10.5922 8.28835 10.8129L6.80041 12.4662C6.68458 12.5949 6.77592 12.8 6.94907 12.8H7.7C7.7 13.0112 7.7432 13.424 7.7432 13.424ZM15.2406 11.9457C14.8758 10.7745 13.791 9.92008 12.4998 9.92008C11.8136 9.92008 11.1841 10.1611 10.6876 10.5603C10.451 10.7506 10.0961 10.7601 9.89296 10.5344L9.2927 9.86716C9.11928 9.6744 9.12025 9.37875 9.31431 9.20679C10.1628 8.45488 11.2767 8.00008 12.495 8.00008C14.8134 8.00008 16.7526 9.65128 17.1942 11.8401C17.1942 11.8401 17.2278 12.0129 17.2422 12.0993C17.247 12.1281 17.2998 12.5889 17.2998 12.8001H18.0507C18.2239 12.8001 18.3152 13.0052 18.1994 13.1339L16.7115 14.7871C16.5128 15.0078 16.1668 15.0078 15.9682 14.7871L14.4802 13.1339C14.3644 13.0052 14.4557 12.8001 14.6289 12.8001H15.3798C15.3798 12.5025 15.327 12.2193 15.2406 11.9457Z" fill="white"/>
|
||||
</svg>
|
||||
|
||||
|
||||
|
After Width: | Height: | Size: 1.8 KiB |
@@ -0,0 +1,4 @@
|
||||
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="1.77429" y="1.27393" width="21.4515" height="21.4515" rx="5.61039" fill="#E63F3F"/>
|
||||
<path d="M9.6959 13.901C9.96119 13.7296 10.0325 13.4556 10.097 13.2141C10.1623 12.9663 10.2186 12.4268 10.4511 12.318C11.6849 11.8038 13.2719 11.7468 14.5053 12.2685C14.7423 12.3801 14.8016 12.9203 14.8695 13.1693C14.935 13.4106 15.0101 13.6842 15.2753 13.8589C15.5139 14.0156 16.7166 14.1598 17.0878 14.1568C17.3329 14.155 17.5262 14.0955 17.6668 13.9765C18.1758 13.5095 18.0696 12.3134 18.0095 12.0621C17.9168 11.4905 17.4735 11.0498 16.6954 10.7561C14.6725 9.90024 10.2931 9.93507 8.24279 10.7744C7.85149 10.9163 7.54516 11.0976 7.32616 11.3166C7.11185 11.5309 6.98083 11.7816 6.93543 12.0642C6.88297 12.2592 6.77722 13.5091 7.29608 13.9924C7.43454 14.1094 7.629 14.1703 7.87273 14.1739C8.24439 14.18 9.45848 14.056 9.6959 13.901Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 946 B |
|
After Width: | Height: | Size: 2.4 KiB |
@@ -0,0 +1,4 @@
|
||||
<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M3.84294 4.53446V5.34766C3.84294 6.33615 4.65464 7.13811 5.65605 7.13811H5.80176C5.99656 7.13811 6.18419 7.10776 6.36007 7.0516L3.84294 4.53446ZM6.99277 7.6843C6.6146 7.87975 6.18469 7.99036 5.72912 7.99036C4.22116 7.99036 2.99452 6.77906 2.99452 5.29035C2.99452 5.06993 2.81369 4.89176 2.59089 4.89176C2.36808 4.89176 2.18726 5.06993 2.18726 5.29035C2.18726 7.08358 3.56203 8.56433 5.32549 8.76322V9.56557C5.32549 9.78559 5.50592 9.96416 5.72912 9.96416C5.95193 9.96416 6.13276 9.78559 6.13276 9.56557V8.76322C6.65781 8.70399 7.14842 8.53107 7.57854 8.27007L6.99277 7.6843ZM8.76087 7.09538L8.17062 6.50512C8.3578 6.13977 8.46333 5.72699 8.46333 5.29035C8.46333 5.06993 8.64415 4.89176 8.86696 4.89176C9.08976 4.89176 9.27059 5.06993 9.27059 5.29035C9.27059 5.9505 9.08428 6.56829 8.76087 7.09538ZM7.53652 5.87103L4.12588 2.46039C4.44772 1.96165 5.01274 1.63086 5.65605 1.63086H5.80176C6.80317 1.63086 7.61528 2.43241 7.61528 3.4213V5.34766C7.61528 5.52973 7.58773 5.70546 7.53652 5.87103Z" fill="#E63F3F"/>
|
||||
<path d="M2.13472 2.82588C1.972 2.66316 1.972 2.39934 2.13472 2.23662C2.29743 2.0739 2.56125 2.0739 2.72397 2.23662L8.81295 8.3256C8.97566 8.48832 8.97566 8.75213 8.81295 8.91485C8.65023 9.07757 8.38641 9.07757 8.22369 8.91485L2.13472 2.82588Z" fill="#E63F3F"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
@@ -0,0 +1,4 @@
|
||||
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M20.0312 9.82617C19.4964 9.82617 19.0624 10.2538 19.0624 10.7828C19.0624 14.3557 16.1185 17.2628 12.5004 17.2628C8.88124 17.2628 5.93731 14.3557 5.93731 10.7828C5.93731 10.2538 5.50333 9.82617 4.96859 9.82617C4.43386 9.82617 3.99988 10.2538 3.99988 10.7828C3.99988 15.0865 7.29933 18.6403 11.5316 19.1177V21.0433C11.5316 21.5714 11.9647 21.9999 12.5004 21.9999C13.0351 21.9999 13.4691 21.5714 13.4691 21.0433V19.1177C17.7004 18.6403 20.9999 15.0865 20.9999 10.7828C20.9999 10.2538 20.5659 9.82617 20.0312 9.82617Z" fill="white"/>
|
||||
<path d="M12.3253 15.2174H12.6751C15.0784 15.2174 17.0275 13.2927 17.0275 10.9203V6.29706C17.0275 3.92373 15.0784 2 12.6751 2H12.3253C9.92196 2 7.97388 3.92373 7.97388 6.29706V10.9203C7.97388 13.2927 9.92196 15.2174 12.3253 15.2174Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 891 B |
@@ -0,0 +1,4 @@
|
||||
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M3.99973 5.07475C2.91899 5.79625 2.2644 7.02269 2.2644 8.52895V15.5754C2.2644 18.0259 3.9968 19.7357 6.4781 19.7357H12.4119C14.2344 19.7357 15.6528 18.8133 16.2776 17.3526L3.99973 5.07475ZM21.9961 17.2759L18.2338 13.5135V9.06366C18.2338 8.42713 18.5821 7.85509 19.1435 7.57219L20.6618 6.80566C21.1115 6.57684 21.6392 6.60076 22.0684 6.87118C22.4977 7.14056 22.7538 7.60859 22.7538 8.12031V15.9843C22.7538 16.4971 22.4977 16.9641 22.0684 17.2334C22.0446 17.2483 22.0205 17.2625 21.9961 17.2759ZM16.6256 11.9053L9.08892 4.36865H12.4119C14.8932 4.36865 16.6256 6.07853 16.6256 8.52895V11.9053Z" fill="#E63F3F"/>
|
||||
<path d="M2.25981 3.33574C1.85973 2.93566 1.85973 2.287 2.25981 1.88692C2.65989 1.48684 3.30855 1.48684 3.70864 1.88692L21.5023 19.6806C21.9024 20.0807 21.9024 20.7294 21.5023 21.1294C21.1022 21.5295 20.4536 21.5295 20.0535 21.1294L2.25981 3.33574Z" fill="#E63F3F"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
@@ -0,0 +1,4 @@
|
||||
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M22.5295 6.56441C22.0791 6.28068 21.5255 6.25558 21.0536 6.49566L19.4606 7.29992C18.8716 7.59674 18.5061 8.19693 18.5061 8.86478V15.1351C18.5061 15.8019 18.8716 16.4021 19.4606 16.7011L21.0525 17.5043C21.2686 17.6145 21.4997 17.669 21.7308 17.669C22.0081 17.669 22.2833 17.5905 22.5295 17.4366C22.9798 17.154 23.2486 16.664 23.2486 16.126V7.87501C23.2486 7.33811 22.9798 6.84704 22.5295 6.56441Z" fill="white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.1724 3.93848H12.3982C15.0016 3.93848 16.8193 5.7325 16.8193 8.30351V15.6968C16.8193 18.2678 15.0016 20.0618 12.3982 20.0618H6.1724C3.569 20.0618 1.75134 18.2678 1.75134 15.6968V8.30351C1.75134 5.7325 3.569 3.93848 6.1724 3.93848ZM6.51122 10.1573C7.27448 10.1573 7.89322 9.53853 7.89322 8.77528C7.89322 8.01202 7.27448 7.39328 6.51122 7.39328C5.74796 7.39328 5.12922 8.01202 5.12922 8.77528C5.12922 9.53853 5.74796 10.1573 6.51122 10.1573Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
@@ -0,0 +1 @@
|
||||
{"component":true,"usingComponents":{"GridLayout":"./gridLayout/gridLayout","Drawer":"../../pubComponents/drawer/drawer"}}
|
||||
@@ -0,0 +1,63 @@
|
||||
<!-- volc-mini-sdk/components/connect/connect.wxml -->
|
||||
<wxs src="./connect.wxs" module="CONNECT" />
|
||||
<view>
|
||||
<!-- 宫格布局 -->
|
||||
<GridLayout id='connect-layout' wx:if="{{connectStatus == CONNECT.ConnectStatus.Connecting}}" renderList="{{renderList}}" hasAudio="{{hasAudio}}" hasVideo="{{hasVideo}}" bind:showPanel="showPanel" isPortrait="{{isPortrait}}" connectLivePlayerAttrs="{{connectLivePlayerAttrs}}" />
|
||||
<!-- 连麦申请按钮 -->
|
||||
<view wx:if="{{connectStatus != CONNECT.ConnectStatus.Connecting}}" class="applyBt" bindtap="showPanel">
|
||||
<image src="https://p1-live.byteimg.com/tos-cn-i-gjr78lqtd0/f5313aaf92d0496b8e53d7596fb95d69~tplv-gjr78lqtd0-resize:88:0.webp"></image>
|
||||
<view class='tag' wx:if="{{connectStatus == CONNECT.ConnectStatus.Init}}">
|
||||
<view>申请连麦</view>
|
||||
</view>
|
||||
<view class='tag' wx:if="{{connectStatus == CONNECT.ConnectStatus.Applying}}">
|
||||
<view>申请中...</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 底部弹出框 -->
|
||||
<Drawer id='volc-connect-drawer' needCancel="{{connectStatus != CONNECT.ConnectStatus.Applying}}">
|
||||
<!-- 申请面板 -->
|
||||
<view class="applyPanel" wx:if="{{connectStatus == CONNECT.ConnectStatus.Init}}">
|
||||
<view class="item" data-type="video" bindtap="applyConnect" hover-class="buttonHover">
|
||||
<image src="./assets/video.svg"></image>
|
||||
视频连麦
|
||||
</view>
|
||||
<view class="item" data-type="audio" bindtap="applyConnect" hover-class="buttonHover">
|
||||
<image src="./assets/unmute.svg"></image>
|
||||
语音连麦
|
||||
</view>
|
||||
</view>
|
||||
<!-- 申请中,取消申请面板 -->
|
||||
<view class="cancelPanel" wx:if="{{connectStatus == CONNECT.ConnectStatus.Applying}}">
|
||||
<image src="./assets/apply2.svg"></image>
|
||||
<view class="tips">连麦申请已发送,请稍等...</view>
|
||||
<view class="cancelBt" bindtap="cancelApply" hover-class="buttonHover">取消申请</view>
|
||||
</view>
|
||||
<!-- 连麦设置面板 -->
|
||||
<view class="settingPanel" wx:if="{{connectStatus == CONNECT.ConnectStatus.Connecting}}">
|
||||
<view class="btBox" bindtap="switchCamera">
|
||||
<view class="icon">
|
||||
<image src="./assets/camera.svg"></image>
|
||||
</view>
|
||||
<view>翻转摄像头</view>
|
||||
</view>
|
||||
<view class="btBox" bindtap="changeAudioStatus">
|
||||
<view class="icon">
|
||||
<image src="{{hasAudio ? './assets/unmute.svg' : './assets/mute.svg'}}"></image>
|
||||
</view>
|
||||
<view>{{hasAudio? '静音' : '取消静音'}}</view>
|
||||
</view>
|
||||
<view class="btBox" bindtap="changeVideoStatus">
|
||||
<view class="icon">
|
||||
<image src="{{hasVideo ? './assets/video.svg' : './assets/unvideo.svg'}}"></image>
|
||||
</view>
|
||||
<view>{{hasVideo? '关闭摄像头' : '打开摄像头'}}</view>
|
||||
</view>
|
||||
<view class="btBox" bindtap="hangUpConnect">
|
||||
<view class="icon">
|
||||
<image src="./assets/hangup.svg"></image>
|
||||
</view>
|
||||
<view>断开连麦</view>
|
||||
</view>
|
||||
</view>
|
||||
</Drawer>
|
||||
</view>
|
||||
@@ -0,0 +1,7 @@
|
||||
module.exports = {
|
||||
ConnectStatus:{
|
||||
Init: 0, // 初始状态
|
||||
Applying: 1, // 申请中
|
||||
Connecting: 2, // 连麦中
|
||||
}
|
||||
};
|
||||
@@ -0,0 +1 @@
|
||||
.applyBt{position:fixed;width:50px;height:50px;bottom:55px;bottom:calc(env(safe-area-inset-bottom) + 55px);right:17px;z-index:1000}.applyBt image{width:100%;height:100%;background:rgba(0,0,0,.2);border-radius:7px}.applyBt .tag{width:50px;height:calc(14px + .5 * (1rem - 16px));background:rgba(0,0,0,.6);border-radius:20px;font-size:calc(9px + .5 * (1rem - 16px));display:flex;align-items:center;justify-content:center;position:absolute;bottom:0}.applyBt .tag view{background-clip:text;background:linear-gradient(90deg,#8bffac 0,#41ddff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.applyPanel{display:flex;flex-direction:column;width:100%}.applyPanel .item{width:100%;height:calc(56px + .5 * (1rem - 16px));display:flex;align-items:center;justify-content:center;font-size:calc(16px + .5 * (1rem - 16px))}.applyPanel .item image{width:20px;height:20px;margin-right:15rpx}.cancelPanel{display:flex;flex-direction:column;align-items:center;font-size:calc(16px + .5 * (1rem - 16px))}.cancelPanel image{width:48px;height:48px;margin-bottom:8px}.cancelPanel .tips{background:linear-gradient(90deg,#8bffac 0,#41ddff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cancelPanel .cancelBt{color:#eb635e;height:56px;width:100%;display:flex;align-items:center;justify-content:center}.settingPanel{display:flex;background-color:#000;color:#fff;justify-content:space-between;padding:0 15px 8px 15px}.settingPanel .btBox{display:flex;flex-direction:column;font-size:calc(12px + .5 * (1rem - 16px));align-items:center}.settingPanel .btBox .icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);margin-bottom:8px}.settingPanel .btBox .icon image{width:24px;height:24px}.buttonHover{background-color:#1f1f1f}
|
||||
@@ -0,0 +1 @@
|
||||
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.UserVersion=exports.StreamType=exports.RoomStatus=exports.MediaType=exports.LinkStatus=exports.LeaveStatus=exports.LayoutMode=exports.Identity=exports.ControlStatus=exports.ConnectStatus=exports.AudioMuteMap=exports.ApplyStatus=void 0;var ConnectStatus={Init:0,Applying:1,Connecting:2};exports.ConnectStatus=ConnectStatus;var ApplyStatus={Apply:1,Cancel:2};exports.ApplyStatus=ApplyStatus;var LinkStatus={NOSTART:0,APPLYING:1,ALLOWING:2,CONNECTING:3};exports.LinkStatus=LinkStatus;var UserVersion={OLD:0,NEW:1};exports.UserVersion=UserVersion;var StreamType={VIDEO:0,SCREEN:1};exports.StreamType=StreamType;var RoomStatus={ENTER:1,LEAVE:2};exports.RoomStatus=RoomStatus;var Identity={Host:1,Guest:2,Audience:3};exports.Identity=Identity;var LeaveStatus={INITIATIVE:1,KICKED:2};exports.LeaveStatus=LeaveStatus;var ControlStatus={OPEN:1,CLOSE:2};exports.ControlStatus=ControlStatus;var MediaType={AUDIO:1,VIDEO:2,ALL:3};exports.MediaType=MediaType;var AudioMuteMap={noMute:1,Mute:2};exports.AudioMuteMap=AudioMuteMap;var LayoutMode={FullScreen:1,Gird:2,Speaker:3,CloseUp:4};exports.LayoutMode=LayoutMode;
|
||||
@@ -0,0 +1 @@
|
||||
"use strict";Component({properties:{renderList:{type:Array,value:[]},connectLivePlayerAttrs:{type:Object,value:{}},hasVideo:{type:Boolean,value:!1},hasAudio:{type:Boolean,value:!1},isPortrait:{type:Boolean,value:!0}},data:{},methods:{showPanel:function(){this.triggerEvent("showPanel")}}});
|
||||
@@ -0,0 +1 @@
|
||||
{"component":true,"usingComponents":{"v-player":"../v-player/v-player","v-pusher":"../v-pusher/v-pusher"}}
|
||||
@@ -0,0 +1,34 @@
|
||||
<view class="layout-contianer" style="top: {{isPortrait ? '90px': '0px'}}">
|
||||
<block wx:for="{{renderList}}" wx:key="id">
|
||||
<!-- player -->
|
||||
<view wx:if="{{!item.isMe}}" class="player-block {{item.isShow ? '' : 'hide'}}" style="left: {{item.styles.left}};top:{{item.styles.top}};width: {{item.styles.width}};height:{{item.styles.height}};z-index:{{item.styles.zIndex}};">
|
||||
<v-player url="{{item.url || ''}}" uid="{{item.userId}}" screen="{{item.isScreen ? '1' : '0'}}" state='init' connectLivePlayerAttrs="{{connectLivePlayerAttrs}}" />
|
||||
<view wx:if="{{!item.hasVideo}}" class="back" style="background: url({{item.styles.image}});background-size: cover;"></view>
|
||||
<view class="position" wx:if="{{item.isShow && item.isShowLabel}}">
|
||||
<view class="tag" wx:if="{{item.isHost}}">主持人</view>
|
||||
<view class="tag" wx:if="{{item.isPresenter && !item.isHost}}">主讲</view>
|
||||
<view wx:if="{{!item.hasAudio}}" class="mute">
|
||||
<image src="../assets/mute.svg" />
|
||||
</view>
|
||||
<view class="name">{{item.nickname || '主持人'}}</view>
|
||||
<view wx:if="{{item.isAudience}}">(观众)</view>
|
||||
<span wx:if="{{item.isScreen}}">正在共享屏幕</span>
|
||||
</view>
|
||||
</view>
|
||||
<!-- pusher -->
|
||||
<view wx:if="{{item.isMe}}" class="player-block {{item.isShow ?'' : 'outer'}}" style="left: {{item.styles.left}};top:{{item.styles.top}};width: {{item.styles.width}};height:{{item.styles.height}};z-index:{{item.styles.zIndex}};" bindtap="showPanel">
|
||||
<v-pusher id="v-pusher" url="{{item.url || ''}}" enableCamera="{{hasVideo}}" enableMic="{{hasAudio}}" beauty="0" state="init" />
|
||||
<view wx:if="{{!hasVideo}}" class="back" style="background: url({{item.styles.image}}); background-size: cover;"></view>
|
||||
<view class="position">
|
||||
<view wx:if="{{!hasAudio}}" class="mute">
|
||||
<image src="../assets/mute.svg" />
|
||||
</view>
|
||||
<view class="name">{{item.nickname}}</view>
|
||||
<view wx:if="{{item.isAudience && item.isShow}}">(观众)</view>
|
||||
</view>
|
||||
<view class="moreBt">
|
||||
<image src="../assets/more.png" />
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
@@ -0,0 +1 @@
|
||||
.layout-contianer{display:flex;width:100vw;height:56.25vw;flex-wrap:wrap;justify-content:center;align-items:center;background-color:rgba(0,0,0,.6);position:absolute;z-index:1000}.layout-contianer .player-block{display:block;position:absolute}.layout-contianer .player-block .back{width:100%;height:100%;z-index:9;position:absolute;left:0;bottom:0;background-size:cover}.layout-contianer .player-block .position{position:absolute;left:2px;bottom:2px;color:#fff;font-size:calc(10px + .5 * (1rem - 16px));background:rgba(0,0,0,.6);border-radius:2px;z-index:10;display:flex;align-items:center;padding:0 8rpx;white-space:nowrap;flex-wrap:nowrap;max-width:90%}.layout-contianer .player-block .position .tag{background:#d4d4d2;font-size:calc(8px + .5 * (1rem - 16px));border-radius:1.25px;color:#151716;margin-right:5rpx;padding:0 8rpx}.layout-contianer .player-block .position .mute{display:flex;align-items:center;justify-content:center;margin-right:5rpx}.layout-contianer .player-block .position .mute image{width:10px;height:10px}.layout-contianer .player-block .position .name{display:inline;flex-grow:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layout-contianer .player-block v-player{width:100%;height:100%}.layout-contianer .player-block v-pusher{width:100%;height:100%}.layout-contianer .player-block .moreBt{position:absolute;top:0;right:5px;width:24px;height:24px;z-index:10}.layout-contianer .player-block .moreBt image{width:100%;height:38%}.layout-contianer .outer{position:fixed;right:20rpx;bottom:150rpx;width:96px!important;height:96px!important;display:block;border-radius:6px!important;overflow:hidden}.layout-contianer .outer live-pusher{border-radius:6px!important}.layout-contianer .outer .back{background-repeat:no-repeat;background-position:center center!important;border-radius:6px!important}.layout-contianer .outer .position{font-size:calc(11px + .5 * (1rem - 16px))!important}.layout-contianer .outer .mute image{width:14px!important;height:14px!important}.layout-contianer .hide{display:none}
|
||||
@@ -0,0 +1 @@
|
||||
"use strict";Component({properties:{url:{type:String,value:""},connectLivePlayerAttrs:{type:Object,value:{}},uid:{type:String,value:""},screen:{type:String,value:"0"},state:{type:String,value:"init"}},data:{},lifetimes:{ready:function(){this.livePlayerContext||(this.livePlayerContext=wx.createLivePlayerContext("v-player-".concat(this.data.uid,"-").concat(this.data.screen),this))},detached:function(){this.livePlayerContext&&this.livePlayerContext.stop()}},methods:{bindstatechange:function(t){this.triggerEvent("playerstatechange",{uid:this.data.uid,e:t}),2004===t.detail.code?"init"===this.data.state&&this.setData({state:"ok"}):-2301===t.detail.code&&this.setData({state:"error"})},bindnetstatuschange:function(t){this.triggerEvent("playernetstatuschange",{uid:this.data.uid,e:t})}}});
|
||||
@@ -0,0 +1 @@
|
||||
{"component":true,"usingComponents":{}}
|
||||
@@ -0,0 +1,22 @@
|
||||
<!--volc-mini-sdk/components/connect/v-player/v-player.wxml-->
|
||||
<view class="player-view">
|
||||
<!--
|
||||
mode: RTC 实时通话
|
||||
其他配置请参考小程序文档: https://developers.weixin.qq.com/miniprogram/dev/component/live-player.html
|
||||
-->
|
||||
<!-- @build:exclude-in-video-only -->
|
||||
<live-player
|
||||
src="{{url}}"
|
||||
id="v-player-{{uid}}-{{screen}}"
|
||||
data-uid="{{uid}}"
|
||||
class="player"
|
||||
mode="RTC"
|
||||
autoplay="true"
|
||||
object-fit="{{connectLivePlayerAttrs['object-fit']}}"
|
||||
picture-in-picture-mode="{{connectLivePlayerAttrs['picture-in-picture-mode']}}"
|
||||
background-mute="true"
|
||||
bindstatechange="bindstatechange"
|
||||
bindnetstatus="bindnetstatuschange"
|
||||
/>
|
||||
<!-- @build:end-exclude-in-video-only -->
|
||||
</view>
|
||||
@@ -0,0 +1 @@
|
||||
.player-view{width:100%;height:100%}.player-view .player{width:100%;height:100%;border-radius:2px}
|
||||
@@ -0,0 +1 @@
|
||||
"use strict";Component({properties:{url:{type:String,value:""},enableCamera:{type:Boolean,value:!0},enableMic:{type:Boolean,value:!0},beauty:{type:Number,value:0},state:{type:String,value:"init"}},data:{},lifetimes:{ready:function(){this.livePusherContext||(this.livePusherContext=wx.createLivePusherContext(this))},detached:function(){console.log("detached")}},methods:{stop:function(){this.livePusherContext&&this.livePusherContext.stop()},switchCamera:function(){this.livePusherContext&&this.livePusherContext.switchCamera()},bindstatechange:function(t){console.log("bindstatechange",t),this.triggerEvent("pusherstatechange",t),-1307===t.detail.code&&this.setData({state:"error"}),1008===t.detail.code&&"init"===this.data.state&&this.setData({state:"ok"})},bindnetstatus:function(t){this.triggerEvent("pushernetstatuschange",t)}}});
|
||||
@@ -0,0 +1 @@
|
||||
{"component":true,"usingComponents":{}}
|
||||
@@ -0,0 +1,23 @@
|
||||
<!--volc-mini-sdk/components/connect/v-pusher/v-pusher.wxml-->
|
||||
<view class="pusher-view">
|
||||
<!--
|
||||
mode: RTC 实时通话
|
||||
background-mute: true 进入后台静音(兼容旧版本)
|
||||
其他配置请参考小程序文档: https://developers.weixin.qq.com/miniprogram/dev/component/live-pusher.html
|
||||
-->
|
||||
<live-pusher
|
||||
class="pusher"
|
||||
url="{{url}}"
|
||||
mode="RTC"
|
||||
autopush="true"
|
||||
max-bitrate="500"
|
||||
min-bitrate="200"
|
||||
beauty="{{beauty}}"
|
||||
background-mute="true"
|
||||
bindstatechange="bindstatechange"
|
||||
bindnetstatus="bindnetstatus"
|
||||
enable-camera="{{enableCamera}}"
|
||||
enable-mic="{{enableMic}}"
|
||||
aspect="3:4"
|
||||
/>
|
||||
</view>
|
||||
@@ -0,0 +1 @@
|
||||
.pusher-view{width:100%;height:100%}.pusher-view .pusher{width:100%;height:100%;border-radius:2px}
|
||||
@@ -0,0 +1 @@
|
||||
{"component":true,"usingComponents":{"Dialog":"../../pubComponents/dialog/dialog","mp-icon":"weui-miniprogram/icon/icon","custom-button":"../../pubComponents/button/button"}}
|
||||
@@ -0,0 +1,94 @@
|
||||
<Dialog
|
||||
visible="{{visible}}"
|
||||
maskClosable="{{true}}"
|
||||
zIndex="{{20000}}"
|
||||
containerClass="coupon-dialog-container {{useDarkTheme ? 'coupon-dialog-container-dark' : ''}}"
|
||||
containerStyle="width: 560rpx; background: transparent; overflow: visible; border-radius: 0;"
|
||||
bind:close="closeCouponDrawer"
|
||||
>
|
||||
<view class="coupon-card">
|
||||
<view class="coupon-tab">卡券</view>
|
||||
|
||||
<view class="coupon-contain">
|
||||
<view class="coupon-contain-top">
|
||||
<view class="coupon-main-title">{{title}}</view>
|
||||
<view wx:if="{{desc}}" class="coupon-sub-title">{{desc}}</view>
|
||||
|
||||
<view wx:if="{{imageUrl}}" class="coupon-image-wrap">
|
||||
<image class="coupon-image" src="{{imageUrl}}" mode="aspectFill" />
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view wx:if="{{showText}}" class="coupon-contain-middle">
|
||||
<view class="coupon-pickup-condition">满足以下条件即可领取</view>
|
||||
<view wx:if="{{isHasLimit}}" class="coupon-pickup-condition-desc">
|
||||
<view class="coupon-pickup-condition-desc-text">观看本场直播</view>
|
||||
<view class="can-pickup-coupon">
|
||||
<text wx:if="{{canPickUp}}">已满足</text>
|
||||
<text wx:else>未满足</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view wx:if="{{IsViewerLevelLimit}}" class="coupon-pickup-condition-desc">
|
||||
<view class="coupon-pickup-condition-desc-text">达到可领取卡券的观众等级</view>
|
||||
<view class="can-pickup-coupon">
|
||||
<text wx:if="{{isLevelEligible}}">已满足</text>
|
||||
<text wx:else>未满足</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view wx:if="{{!isPopup && (isNeedCountDown || isNeedCutOff)}}" class="coupon-countdown-wrap">
|
||||
<view wx:if="{{isNeedCountDown && countdownArr.length}}" class="coupon-countdown">
|
||||
<view class="countdown-box">{{countdownArr[0]}}</view>
|
||||
<view class="countdown-sep">:</view>
|
||||
<view class="countdown-box">{{countdownArr[1]}}</view>
|
||||
<view class="countdown-sep">:</view>
|
||||
<view class="countdown-box">{{countdownArr[2]}}</view>
|
||||
<text class="countdown-text">后截止</text>
|
||||
</view>
|
||||
<view wx:if="{{isNeedCutOff}}" class="coupon-cutoff">
|
||||
<text>截止至</text> {{cutOffText}}
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="coupon-contain-bottom">
|
||||
<view wx:if="{{isPopup && (isNeedCountDown || isNeedCutOff)}}" class="coupon-countdown-wrap">
|
||||
<view wx:if="{{isNeedCountDown && countdownArr.length}}" class="coupon-countdown">
|
||||
<view class="countdown-box">{{countdownArr[0]}}</view>
|
||||
<view class="countdown-sep">:</view>
|
||||
<view class="countdown-box">{{countdownArr[1]}}</view>
|
||||
<view class="countdown-sep">:</view>
|
||||
<view class="countdown-box">{{countdownArr[2]}}</view>
|
||||
<text class="countdown-text">后截止</text>
|
||||
</view>
|
||||
<view wx:if="{{isNeedCutOff}}" class="coupon-cutoff">
|
||||
<text>截止至</text> {{cutOffText}}
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view wx:if="{{countText || timeText}}" class="coupon-meta">
|
||||
<text wx:if="{{countText}}">{{countText}} </text>
|
||||
<text wx:if="{{timeText}}">{{timeText}}</text>
|
||||
</view>
|
||||
|
||||
<!-- 按钮 -->
|
||||
<custom-button
|
||||
class="coupon-btn-host"
|
||||
custom-class="coupon-btn"
|
||||
type="primary"
|
||||
size="44"
|
||||
disabled="{{btnDisabled}}"
|
||||
bind:click="onPickup"
|
||||
>
|
||||
{{btnText}}
|
||||
</custom-button>
|
||||
<view class="coupon-tip">{{tipText}}</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="coupon-close" bindtap="closeCouponDrawer">
|
||||
<image src="../../assets/icon_close_btn.svg" class="coupon-close-icon" />
|
||||
</view>
|
||||
</view>
|
||||
</Dialog>
|
||||
@@ -0,0 +1 @@
|
||||
{"component":true,"usingComponents":{"Drawer":"../../../pubComponents/drawer/drawer","mp-icon":"weui-miniprogram/icon/icon","custom-button":"../../../pubComponents/button/button"}}
|
||||
@@ -0,0 +1,53 @@
|
||||
<view wx:if="{{showEntry && hasValidCoupons}}" class="coupon-entry-container {{mode === 'landscape' ? 'landscape' : ''}}" catchtap="openListDrawer">
|
||||
<view class="coupon-entry-wrap {{entryTheme === 'dark' || (mode === 'landscape' && useDarkTheme) ? 'dark' : ''}}">
|
||||
<image class="coupon-entry-icon" src="../../../assets/coupon.svg" mode="aspectFit" />
|
||||
<view class="coupon-entry-text">卡券</view>
|
||||
</view>
|
||||
</view>
|
||||
<Drawer id="coupon-list-drawer" class="coupon-list-drawer {{mode === 'landscape' ? 'landscape' : ''}}" needCancel="{{false}}" themeColor="{{drawerTheme}}" bind:myCancel="closeListDrawer">
|
||||
<view class="coupon-list-container {{mode === 'landscape' ? 'landscape' : ''}}">
|
||||
<view class="coupon-list-header">
|
||||
<view class="coupon-list-title">卡券</view>
|
||||
<view class="coupon-list-sub">
|
||||
<text>共 {{couponList.length}} 个卡券</text>
|
||||
<text class="view-products-btn" bindtap="onViewProducts">查看商品</text>
|
||||
</view>
|
||||
<view class="coupon-close-btn" bindtap="onViewProducts">
|
||||
<image src="../../../assets/common_close.png" class="close-icon" />
|
||||
</view>
|
||||
</view>
|
||||
<scroll-view scroll-y class="coupon-list-scroll">
|
||||
<block wx:if="{{couponList.length > 0}}">
|
||||
<view class="coupon-list-item {{item._display.isReceived ? 'received' : ''}}" wx:for="{{couponList}}" wx:key="Id" data-id="{{item.Id}}" bindtap="onCouponItemClick">
|
||||
<image class="coupon-list-bg" src="../../../assets/Subtract.png" />
|
||||
<view class="item-left">
|
||||
<image class="item-img" src="{{item._display.imageUrl}}" mode="aspectFill" />
|
||||
</view>
|
||||
<view class="item-center">
|
||||
<view class="item-title">{{item._display.title}}</view>
|
||||
<view class="item-desc">{{item._display.desc}}</view>
|
||||
<view class="item-meta">
|
||||
<text wx:if="{{item._display.countText}}">{{item._display.countText}}</text>
|
||||
</view>
|
||||
<view class="item-meta-time">
|
||||
<text wx:if="{{item._display.timeText}}" class="item-time">
|
||||
{{item._display.timeText}}
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="item-right">
|
||||
<view wx:if="{{item._display.isReceived}}" class="received-btn">已领取</view>
|
||||
<view wx:else class="action-btn {{item._display.btnDisabled ? 'disabled' : ''}}" data-id="{{item.Id}}" catchtap="onPickupFromList">
|
||||
{{item._display.btnText}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="scroll-bottom-spacer"></view>
|
||||
</block>
|
||||
<view wx:else class="coupon-list-empty">
|
||||
<image src="../../../assets/no_content.svg" class="empty-icon" />
|
||||
<view class="empty-text">暂无卡券</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</Drawer>
|
||||
@@ -0,0 +1 @@
|
||||
"use strict";Component({properties:{icon:{type:String,value:""},describeText:{type:String,value:""},title:{type:String,value:""},buttonText:{type:String,value:""},buttonType:{type:String,value:"primary"},useDarkTheme:{type:Boolean,value:""},current:{type:Object,value:null},showCountDown:{type:Boolean,value:!1}},data:{visible:!0},lifetimes:{attached:function(){}},observers:{},methods:{onClick:function(){this.triggerEvent("onClick")}}});
|
||||
@@ -0,0 +1 @@
|
||||
{"component":true,"usingComponents":{"count-down":"../../image-text-float/count-down/count-down"}}
|
||||
@@ -0,0 +1,16 @@
|
||||
<view class="image-text-item-card {{useDarkTheme ? 'image-text-item-card-dark' : ''}}" bindtap="onClick">
|
||||
<view class="image-text-item-prefix">
|
||||
<image src="{{icon}}" />
|
||||
<count-down class="count-down" wx:if="{{showCountDown}}" sendTime="{{current.SendTime}}" deadLine="{{current.Deadline || current.DeadLine}}" deadLineSecond="{{current.DeadlineSecond || current.DeadLineSecond}}" />
|
||||
</view>
|
||||
<view class="image-text-item-content">
|
||||
<view class="image-text-item-content-title">{{title}}</view>
|
||||
<view wx:if="{{describeText}}" class="image-text-item-content-info">
|
||||
<view class="image-text-item-content-describe">{{describeText}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="image-text-item-btn">
|
||||
<!-- CTA 自身和整卡都可点击;这里截断冒泡,避免按钮点击时重复触发 feature.click。 -->
|
||||
<view class="image-text-item-content-button image-text-item-content-button-{{buttonType || 'primary'}}" catchtap="onClick">{{buttonText}}</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -0,0 +1 @@
|
||||
.image-text-item-card{padding:24rpx;display:flex;align-items:center;justify-content:flex-start;border-radius:16rpx;border:2rpx solid rgba(22,24,35,.08);background-color:rgba(255,255,255,.5);width:100%;box-sizing:border-box}.image-text-item-prefix{flex:0 0 72rpx;width:72rpx;height:72rpx;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:1rpx solid rgba(22,24,35,.12);border-radius:16rpx;background-color:#fff;box-sizing:border-box}.image-text-item-prefix image{width:100%;height:100%;border-radius:14rpx}.count-down{font-weight:600;font-size:calc(24rpx + .5 * (1rem - 16px));position:absolute;min-width:100%;text-align:center;display:flex;justify-content:center;align-items:center;height:calc(24rpx + .5 * (1rem - 16px));line-height:calc(24rpx + .5 * (1rem - 16px));bottom:0;color:#fff;background:rgba(0,0,0,.5);border-radius:16rpx}.image-text-item-content{flex:1;display:flex;padding-left:24rpx;padding-right:20rpx;flex-direction:column;justify-content:space-between;overflow:hidden}.image-text-item-content-info{display:flex;align-items:center;margin-top:8rpx;color:rgba(22,24,35,.6);overflow:hidden}.image-text-item-content-title{color:#161823;font-size:calc(28rpx + .5 * (1rem - 16px));font-weight:500;line-height:calc(44rpx + .5 * (1rem - 16px));padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-text-item-content-describe{flex:1;font-size:calc(24rpx + .5 * (1rem - 16px));line-height:calc(34rpx + .5 * (1rem - 16px));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-text-item-btn{flex-shrink:0;margin-left:auto;display:flex;white-space:nowrap}.image-text-item-content-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:calc(56rpx + .5 * (1rem - 16px));border-radius:8rpx;padding:0 20rpx;font-size:calc(28rpx + .5 * (1rem - 16px));line-height:calc(40rpx + .5 * (1rem - 16px));white-space:nowrap;box-sizing:border-box}.image-text-item-content-button-primary{color:#fff;background-color:#fe2c55;border:2rpx solid transparent}.image-text-item-content-button-ghost{color:#323b47;background-color:#fff;border:2rpx solid rgba(22,24,35,.34)}.image-text-item-content-button-minor{color:#fe2c55;background-color:rgba(254,44,85,.08);border:2rpx solid transparent}.image-text-item-content-button view{color:inherit!important}.image-text-item-content-button>svg{margin-left:8rpx;width:24rpx;height:24rpx}.image-text-item-card-dark{border-color:rgba(22,24,35,.08);background-color:rgba(255,255,255,.1)}.image-text-item-card-dark .image-text-item-prefix{border-color:rgba(255,255,255,.08);background-color:rgba(22,24,35,.15)}.image-text-item-card-dark .image-text-item-content-title{color:rgba(255,255,255,.9)}.image-text-item-card-dark .image-text-item-content-info{color:rgba(255,255,255,.5)}.image-text-item-card-dark .image-text-item-content-button-primary{color:#fff;background-color:#fe2c55;border-color:transparent}.image-text-item-card-dark .image-text-item-content-button-minor{color:#fe2c55;background-color:rgba(254,44,85,.2);border-color:transparent}.image-text-item-card-dark .image-text-item-content-button-ghost{color:#fff;background-color:rgba(255,255,255,.06);border-color:transparent}.image-text-item-card-dark .image-text-item-content-button view{color:inherit!important}
|
||||
@@ -0,0 +1 @@
|
||||
{"component":true,"usingComponents":{"card-item":"./card-item/card-item"}}
|
||||
@@ -0,0 +1,93 @@
|
||||
<wxs module="m1">
|
||||
var getDateFormat = function(time) {
|
||||
var objectDate = getDate(+time) ;
|
||||
var time = objectDate.getMinutes().toString();
|
||||
var seconds = objectDate.getSeconds().toString();
|
||||
var hours = objectDate.getHours().toString();
|
||||
var day = objectDate.getDate().toString();
|
||||
var month = (objectDate.getMonth() + 1).toString();
|
||||
var year = objectDate.getFullYear().toString();
|
||||
return year + '/' + (month.length === 1 ? '0' : '') + month + '/' + (day.length === 1 ? '0' : '') + day + ' ' + (hours.length === 1 ? '0' : '') + hours + ':' + (time.length === 1 ? '0' : '') + time + ':' + (seconds.length === 1 ? '0' : '') + seconds;
|
||||
}
|
||||
module.exports.getDateFormat = getDateFormat;
|
||||
</wxs>
|
||||
<view class="volc-live-portrait-image-card {{useDarkTheme ? 'volc-live-portrait-image-card-dark' : ''}}">
|
||||
<view wx:if="{{!iconList.length}}" class="no-content-wrapper">
|
||||
<image class="no-content-image" src="{{useDarkTheme ? '../../assets/no_content_dark.svg' : '../../assets/no_content.svg'}}"></image>
|
||||
<view class="no-content-text">暂无内容</view>
|
||||
</view>
|
||||
<view wx:else>
|
||||
<view class="image-text-count">
|
||||
共
|
||||
<view class="image-text-number">{{iconList.length || 0}}</view>
|
||||
条直播内容
|
||||
</view>
|
||||
<view
|
||||
wx:for="{{iconList}}"
|
||||
wx:for-index="index"
|
||||
wx:for-item="message"
|
||||
wx:key="ImageTextId"
|
||||
class="image-text-message image-text-timeline-message {{index === iconList.length - 1 ? 'image-text-message-last' : ''}}"
|
||||
>
|
||||
<view class="image-text-circle"></view>
|
||||
<view class="image-text-line"></view>
|
||||
<view class="image-text-item">
|
||||
<view class="image-text-item-header">
|
||||
<view class="create-time">{{m1.getDateFormat(message.CreateTime)}}</view>
|
||||
</view>
|
||||
<view class="image-text-item-content">
|
||||
<view
|
||||
wx:for="{{message.Context || []}}"
|
||||
wx:for-index="index"
|
||||
wx:for-item="item"
|
||||
wx:key="index"
|
||||
class="image-text-message {{item.renderType === 'image' && item.multiImages ? 'image-text-message-image-grid' : ''}}"
|
||||
>
|
||||
<view wx:if="{{item.renderType === 'text'}}" class="image-text-item-text">
|
||||
<block
|
||||
wx:for="{{item.segments}}"
|
||||
wx:for-item="segment"
|
||||
wx:for-index="segmentIndex"
|
||||
wx:key="segmentIndex"
|
||||
>
|
||||
<text
|
||||
wx:if="{{segment.type === 'link'}}"
|
||||
class="image-text-item-link"
|
||||
data-url="{{segment.url}}"
|
||||
data-text="{{segment.text}}"
|
||||
bindtap="onTextLinkClick"
|
||||
>{{segment.text}}</text>
|
||||
<text wx:else>{{segment.text}}</text>
|
||||
</block>
|
||||
</view>
|
||||
<view
|
||||
wx:elif="{{item.renderType === 'image'}}"
|
||||
class="image-text-item-image {{item.multiImages ? 'image-text-item-image-multi' : ''}}"
|
||||
data-src="{{item.src}}"
|
||||
data-images="{{item.images}}"
|
||||
data-image-index="{{item.imageIndex}}"
|
||||
bindtap="previewImage"
|
||||
>
|
||||
<image src="{{item.src}}" mode="{{item.multiImages ? 'aspectFill' : 'aspectFit'}}" />
|
||||
</view>
|
||||
<card-item
|
||||
wx:else
|
||||
data-item="{{item}}"
|
||||
bind:onClick="onClick"
|
||||
icon="{{item.icon}}"
|
||||
text="{{item.text}}"
|
||||
describeText="{{item.describeText}}"
|
||||
title="{{item.title}}"
|
||||
buttonText="{{item.buttonText}}"
|
||||
buttonType="{{item.buttonType}}"
|
||||
useDarkTheme="{{useDarkTheme}}"
|
||||
showCountDown="{{item.showCountDown}}"
|
||||
current="{{item.current}}"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="image-text-divider">没有更多内容了</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -0,0 +1 @@
|
||||
.volc-live-portrait-image-card{width:calc(100% - 48rpx);margin:0 24rpx;height:100%;padding-top:24rpx;box-sizing:border-box}.no-content-wrapper{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.no-content-image{width:200rpx;height:200rpx}.no-content-text{font-size:calc(28rpx + .5 * (1rem - 16px));color:#1d21294d}.image-text-count{margin:0 0 24rpx 0;color:#6f7680;font-size:calc(24rpx + .5 * (1rem - 16px));line-height:calc(34rpx + .5 * (1rem - 16px));text-align:left}.image-text-number{color:#fe2c55;margin:auto 4rpx;font-weight:500;display:inline-block}.image-text-message{display:flex;flex-direction:column}.image-text-timeline-message{position:relative}.image-text-circle{position:absolute;top:0;left:0;width:20rpx;height:20rpx;border:2rpx solid rgba(29,33,41,.12);border-radius:50%;box-sizing:border-box}.image-text-line{position:absolute;top:20rpx;left:9rpx;height:calc(100% - 20rpx);border-left:2rpx solid rgba(29,33,41,.12)}.image-text-message-last .image-text-line{display:none}.image-text-item{float:left;text-align:left;border-radius:8rpx;margin-bottom:16rpx;padding:0 0 24rpx 24rpx;background-color:transparent}.image-text-item-header{font-size:calc(26rpx + .5 * (1rem - 16px));word-break:break-all;color:#6f7680;display:flex;justify-content:flex-start}.tag-host{display:inline-flex;align-items:center;font-size:calc(22rpx + .5 * (1rem - 16px));color:#fa9600;margin-right:24rpx;border:2rpx solid #fa9600;border-radius:4rpx;padding:0 6rpx;line-height:calc(32rpx + .5 * (1rem - 16px))}.is-portrait{color:#fa9600;border-color:#fa9600}.create-time{position:relative;top:-8rpx;font-size:calc(24rpx + .5 * (1rem - 16px));line-height:calc(34rpx + .5 * (1rem - 16px))}.image-text-item-content{line-height:1;font-size:calc(26rpx + .5 * (1rem - 16px));margin-top:0;display:flex;flex-wrap:wrap;gap:16rpx;align-items:flex-start}.image-text-item-content>.image-text-message{width:100%}.image-text-item-content>.image-text-message-image-grid{width:calc((100% - 32rpx)/ 3)}.image-text-item-text{font-size:calc(26rpx + .5 * (1rem - 16px));word-break:break-all;color:#323b47;line-height:calc(40rpx + .5 * (1rem - 16px));margin-bottom:16rpx;white-space:pre-wrap}.image-text-item-link{color:#3370ff;text-decoration:none}.image-text-item-image{cursor:pointer;border-radius:4rpx;display:block;width:100%;max-width:320rpx;height:320rpx;position:relative;overflow:hidden;box-shadow:0 12rpx 34rpx 0 rgba(0,0,0,.04);background-color:rgba(0,0,0,.04)}.image-text-item-image-multi{width:100%;max-width:none;height:0;padding-top:100%}.image-text-item-image image{position:absolute;top:0;left:0;height:100%;width:100%}.image-text-divider{font-size:calc(26rpx + .5 * (1rem - 16px));padding-bottom:40rpx;text-align:center;color:rgba(29,33,41,.38)}.volc-live-portrait-image-card-dark .image-text-count{color:#909090}.volc-live-portrait-image-card-dark .no-content-text{color:#ffffff4d}.volc-live-portrait-image-card-dark .image-text-item{background-color:transparent}.volc-live-portrait-image-card-dark .image-text-circle{border-color:rgba(255,255,255,.12)}.volc-live-portrait-image-card-dark .image-text-line{border-left-color:rgba(255,255,255,.12)}.volc-live-portrait-image-card-dark .image-text-item-header{color:#909090}.volc-live-portrait-image-card-dark .tag-host{color:#ffd58b;border:2rpx solid #ffd58b}.volc-live-portrait-image-card-dark .is-portrait{color:#ffd58b;border-color:#ffd58b}.volc-live-portrait-image-card-dark .image-text-item-text{color:#d2d3d3}.volc-live-portrait-image-card-dark .image-text-item-link{color:#3370ff}.volc-live-portrait-image-card-dark .image-text-divider{color:rgba(255,255,255,.38)}
|
||||
@@ -0,0 +1 @@
|
||||
"use strict";var _utils=require("../../../utils/utils"),_constant=require("../../../utils/constant"),_theme=require("../../../utils/theme");function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,o)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach(function(t){_defineProperty(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function _defineProperty(e,t,n){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _toPropertyKey(e){var t=_toPrimitive(e,"string");return"symbol"===_typeof(t)?t:String(t)}function _toPrimitive(e,t){if("object"!==_typeof(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==_typeof(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}Component({options:{styleIsolation:"shared"},properties:{sdkInstance:{type:Object,value:null}},data:{visible:!1,data:null,useDarkTheme:!1},lifetimes:{detached:function(){"function"==typeof this.unsub&&this.unsub(),this.unsub=null}},observers:{sdkInstance:function(e){var t=this;e&&(this.sdkInstance=e,this.store=e.store,"function"==typeof this.unsub&&this.unsub(),this.unsub=null,this.unsub=this.store.get({AnnouncementInfo:function(e){var n,o=e||{},r=o.visible,i=o.currentId;r&&i&&t.openAnnouncement(i),!r&&t.data.visible&&(null===(n=t.selectComponent("#announcement-drawer"))||void 0===n||n.hideFrame({silent:!0})),(0,_utils.setDataIfChanged)(t,{visible:!!r})},liveInfo:function(e){(0,_utils.setDataIfChanged)(t,{useDarkTheme:(0,_theme.isUseDarkTheme)(null==e?void 0:e.Basic)})}}))}},methods:{findAnnouncement:function(e){for(var t,n=(null===(t=this.store)||void 0===t?void 0:t.get("imageTextInfo.imageText"))||[],o=0;o<n.length;o+=1)for(var r,i=(null===(r=n[o])||void 0===r?void 0:r.Context)||[],u=0;u<i.length;u+=1){var s,l=i[u];if((null==l?void 0:l.ImageTextType)===_constant.ImageTextTypes.ANNOUNCEMENT&&String(null==l||null===(s=l.AnnouncementContext)||void 0===s?void 0:s.AnnouncementId)===String(e))return l.AnnouncementContext}return null},openAnnouncement:function(e){var t,n=this.findAnnouncement(e);n?(this.setData({data:_objectSpread(_objectSpread({},n),{},{Title:(0,_utils.getBySplit)(n.Title||n.AnnouncementTitle||"公告"),ContentHtml:n.Content||"",ContentLinkPayload:{announcementId:n.AnnouncementId}})}),null===(t=this.selectComponent("#announcement-drawer"))||void 0===t||t.showFrame()):this.closeAnnouncementDrawer()},closeAnnouncementDrawer:function(){var e;null===(e=this.selectComponent("#announcement-drawer"))||void 0===e||e.hideFrame()},onAnnouncementDrawerCancel:function(){var e;null===(e=this.store)||void 0===e||e.set("AnnouncementInfo",_objectSpread(_objectSpread({},this.store.get("AnnouncementInfo")||{}),{},{visible:!1,currentId:null}))}}});
|
||||
@@ -0,0 +1 @@
|
||||
{"component":true,"usingComponents":{"Drawer":"../../../pubComponents/drawer/drawer","mp-icon":"weui-miniprogram/icon/icon","volc-rich-text":"../../volc-rich-text/volc-rich-text"}}
|
||||
@@ -0,0 +1,27 @@
|
||||
<Drawer
|
||||
id="announcement-drawer"
|
||||
custom-drawer="announcement-drawer-shell"
|
||||
needCancel="{{false}}"
|
||||
bind:myCancel="onAnnouncementDrawerCancel"
|
||||
>
|
||||
<view wx:if="{{visible && data}}" class="announcement-drawer {{useDarkTheme ? 'announcement-drawer-dark' : ''}}">
|
||||
<view class="announcement-header">
|
||||
<view class="announcement-title">{{data.Title}}</view>
|
||||
<mp-icon bindtap="closeAnnouncementDrawer" icon="close" color="{{useDarkTheme ? '#f2f3f5' : '#1d2129'}}" size="{{20}}" class="announcement-close-icon drawer-close-shadow" />
|
||||
</view>
|
||||
<scroll-view scroll-y class="announcement-content">
|
||||
<volc-rich-text
|
||||
sdk-instance="{{sdkInstance}}"
|
||||
html="{{data.ContentHtml}}"
|
||||
event-name="announcement.linkClick"
|
||||
jump-feature="announcementLink"
|
||||
link-payload="{{data.ContentLinkPayload}}"
|
||||
text-color="{{useDarkTheme ? '#f2f3f5' : '#1f2329'}}"
|
||||
dark="{{useDarkTheme}}"
|
||||
></volc-rich-text>
|
||||
</scroll-view>
|
||||
<view class="announcement-footer">
|
||||
<button class="announcement-confirm-btn" bindtap="closeAnnouncementDrawer">我知道了</button>
|
||||
</view>
|
||||
</view>
|
||||
</Drawer>
|
||||
@@ -0,0 +1 @@
|
||||
.announcement-drawer-shell .frame{overflow:hidden;padding:0!important}.announcement-drawer{box-sizing:border-box;min-height:300px;background:#fff;color:#1f2329;border-radius:14px 14px 0 0;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.announcement-drawer-dark{background:#1f2025;color:#f2f3f5}.announcement-header{display:flex;align-items:center;justify-content:space-between;padding:24rpx 40rpx 16rpx;background:transparent linear-gradient(180deg,#e7edff,#fff)}.announcement-title{flex:1;margin-right:24rpx;color:#1d2129;font-size:calc(34rpx + .5 * (1rem - 16px));font-weight:700;line-height:calc(48rpx + .5 * (1rem - 16px));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.announcement-close-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:56rpx;height:56rpx;border-radius:50%;background:0 0}.drawer-close-shadow{box-shadow:none}.announcement-content{box-sizing:border-box;min-height:360rpx;max-height:720rpx;padding:24rpx 40rpx;color:inherit;font-size:calc(30rpx + .5 * (1rem - 16px));line-height:1.7}.announcement-footer{padding:20rpx 40rpx 40rpx}.announcement-confirm-btn{width:100%!important;border-radius:100rpx;background-color:#3370ff!important;color:#fff!important;font-size:calc(32rpx + .5 * (1rem - 16px));font-weight:500}.announcement-confirm-btn::after{border:0}.announcement-drawer-dark .announcement-header{background:#1f2025}.announcement-drawer-dark .announcement-title{color:#fff}.announcement-drawer-dark .announcement-close-icon{background:rgba(255,255,255,.12)}
|
||||
@@ -0,0 +1,52 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="74" height="74" viewBox="0 0 74 74" fill="none">
|
||||
<path d="M67.7594 29.867C67.7594 29.2043 67.2221 28.667 66.5594 28.667H5.44088C4.77813 28.667 4.24088 29.2043 4.24088 29.867V63.4919C4.24088 66.9284 7.02666 69.7142 10.4631 69.7142H61.5372C64.9736 69.7142 67.7594 66.9284 67.7594 63.4919V29.867Z" fill="url(#paint0_linear_1983_113774)"/>
|
||||
<g filter="url(#filter0_d_1983_113774)">
|
||||
<rect width="32.0835" height="43.2928" rx="1.2" transform="matrix(-0.963843 -0.266578 -0.251269 0.967945 64.3851 22.2559)" fill="url(#paint1_linear_1983_113774)"/>
|
||||
<rect width="23.2817" height="3.85228" rx="0.777778" transform="matrix(-0.964124 -0.265515 -0.252277 0.967672 58.0096 29.4248)" fill="white"/>
|
||||
</g>
|
||||
<g filter="url(#filter1_d_1983_113774)">
|
||||
<rect width="34.6531" height="45.0458" rx="1.2" transform="matrix(-0.963841 0.266586 0.25126 0.967948 39.6499 8.34277)" fill="url(#paint2_linear_1983_113774)"/>
|
||||
<rect width="25.1493" height="4.11591" rx="0.777778" transform="matrix(-0.964127 0.265505 0.252286 0.967669 36.9672 17.0586)" fill="white"/>
|
||||
<rect width="17.542" height="2.20985" rx="0.777778" transform="matrix(-0.964186 0.265279 0.252502 0.967611 31.9133 26.8135)" fill="white"/>
|
||||
</g>
|
||||
<path d="M71.4888 37.2908C71.5736 36.577 71.016 35.9492 70.2972 35.9492H1.70293C0.984062 35.9492 0.426491 36.577 0.511314 37.2908L4.11661 67.6319C4.30259 69.1971 5.62976 70.3759 7.20599 70.3759H64.7941C66.3703 70.3759 67.6975 69.1971 67.8835 67.6319L71.4888 37.2908Z" fill="url(#paint3_linear_1983_113774)"/>
|
||||
<rect x="36.0006" width="2.33334" height="4.76677" rx="0.388889" fill="#D9E0F2"/>
|
||||
<rect width="2.34595" height="4.74194" rx="0.388889" transform="matrix(0.861369 0.507979 -0.492063 0.870559 44.7506 1.19141)" fill="#D9E0F2"/>
|
||||
<rect width="2.34595" height="4.74194" rx="0.388889" transform="matrix(-0.861369 0.507979 0.492063 0.87056 29.2705 1.19141)" fill="#D9E0F2"/>
|
||||
<defs>
|
||||
<filter id="filter0_d_1983_113774" x="19.735" y="10.8684" width="53.7209" height="62.3497" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dx="3.11111" dy="3.11111"/>
|
||||
<feGaussianBlur stdDeviation="3.11111"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.689132 0 0 0 0 0.755808 0 0 0 0 0.929167 0 0 0 0.3 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1983_113774"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1983_113774" result="shape"/>
|
||||
</filter>
|
||||
<filter id="filter1_d_1983_113774" x="3.40134" y="8.61914" width="56.6376" height="64.7316" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dx="3.11111" dy="6.22222"/>
|
||||
<feGaussianBlur stdDeviation="3.11111"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.689132 0 0 0 0 0.755808 0 0 0 0 0.929167 0 0 0 0.2 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1983_113774"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1983_113774" result="shape"/>
|
||||
</filter>
|
||||
<linearGradient id="paint0_linear_1983_113774" x1="55.7026" y1="56.0318" x2="0.882594" y2="27.1901" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#ABB9DD"/>
|
||||
<stop offset="1" stop-color="#BFCAE6" stop-opacity="0.85"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_1983_113774" x1="1.11795" y1="33.0063" x2="35.5063" y2="-3.77385" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#BDCBEE"/>
|
||||
<stop offset="1" stop-color="#F2F5FC"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_1983_113774" x1="1.20749" y1="34.3428" x2="36.8739" y2="-5.25609" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#BDCBEE"/>
|
||||
<stop offset="1" stop-color="#F2F5FC"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint3_linear_1983_113774" x1="1.5207" y1="40.0272" x2="68.8288" y2="52.3029" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#E9EDF9"/>
|
||||
<stop offset="1" stop-color="#CBD5F0"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.4 KiB |
@@ -0,0 +1,28 @@
|
||||
<svg width="79" height="79" viewBox="0 0 79 79" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path opacity="0.6" d="M70.656 47.8777C66.0698 64.6517 48.5359 74.486 31.4814 69.8231C14.4269 65.1602 4.33565 47.773 8.92184 30.999C13.508 14.2249 31.0419 4.39066 48.0964 9.05353C65.1509 13.7164 75.2422 31.1036 70.656 47.8777Z" stroke="url(#paint0_linear_1365_86362)"/>
|
||||
<ellipse opacity="0.6" cx="39.7889" cy="39.4384" rx="29.5" ry="29" transform="rotate(15.2915 39.7889 39.4384)" stroke="url(#paint1_linear_1365_86362)" stroke-width="0.8" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="0.4 1.6"/>
|
||||
<path d="M60.6578 35.2952C58.9895 27.7504 53.2982 21.3609 45.3269 19.1815C37.3557 17.0021 29.2052 19.6071 23.9302 25.2535M54.9892 54.9977C49.7079 60.3587 41.7619 62.785 33.9865 60.6591C26.2111 58.5333 20.605 52.4017 18.7859 45.0994" stroke="url(#paint2_linear_1365_86362)"/>
|
||||
<path d="M30.1114 37.5235L31.7729 31.4465L20.8199 28.4519L20.4599 29.7685L30.0094 32.3795L29.0679 35.8231L21.5006 33.7541L22.0426 31.7719L20.6536 31.3921L18.5965 38.9159C18.2484 40.1892 18.682 40.992 19.9119 41.3282L27.8987 43.5119C28.4999 43.6452 29.0103 43.5982 29.4446 43.3748C29.8395 43.1251 30.3821 42.1071 31.0542 40.3315L29.8273 39.5296C29.3251 41.0251 28.943 41.8536 28.6522 42.0074C28.4022 42.1256 28.1325 42.1452 27.872 42.074L20.652 40.1C20.1022 39.9496 19.9024 39.5996 20.0528 39.0497L21.1407 35.0708L30.1114 37.5235ZM33.8961 35.8524L33.5559 37.0968L37.1442 38.0779C35.973 38.5507 34.5231 38.7919 32.776 38.8118L33.0658 40.1973C35.4643 40.0133 37.4196 39.4594 38.9094 38.5605L41.4704 39.2607C42.0786 40.7332 43.3288 42.1325 45.2316 43.4769L46.169 42.3803C44.6921 41.5255 43.631 40.6289 42.9752 39.6721L46.303 40.582L46.6432 39.3376L40.2046 37.5772C40.4797 37.3104 40.7298 37.0211 40.9695 36.7134C42.027 36.9403 43.0662 37.1778 44.0659 37.3889C44.3012 37.7798 44.5075 38.1628 44.6848 38.5378L46.0455 38.0546C45.5107 37.0531 44.6826 35.8159 43.5574 34.3575L42.3192 34.7343C42.6123 35.141 42.9054 35.5477 43.1657 35.9609C41.6187 35.6469 40.0363 35.292 38.4144 34.9107C39.3092 34.5956 40.2212 34.1607 41.1569 33.639L39.9234 32.8041C38.0231 33.8396 36.6335 34.3149 35.7626 34.2013L35.6408 35.4431C36.9799 35.7781 38.294 36.0907 39.5501 36.3875C39.3184 36.6663 39.0433 36.9332 38.7287 37.1737L33.8961 35.8524ZM39.7852 39.1109C38.6362 39.9009 37.0651 40.3577 35.043 40.4735L35.3579 41.7104C37.6103 41.5487 39.3801 40.9907 40.6819 40.0403L39.7852 39.1109ZM42.9156 42.3927C41.1674 44.1229 38.0108 44.8616 33.4248 44.5719L33.9134 45.8562C38.627 46.1341 41.9902 45.2654 43.9701 43.2564L42.9156 42.3927ZM41.2905 40.8287C39.3689 42.1694 37.0031 42.6889 34.2077 42.3911L34.7042 43.6465C37.4062 43.8877 39.8865 43.2906 42.1673 41.8305L41.2905 40.8287ZM51.855 36.1441L49.3684 42.5086L57.5289 44.7398C56.8248 47.3152 56.2278 48.816 55.7592 49.2787C55.3169 49.7021 54.3197 49.7093 52.786 49.29C52.4966 49.2109 51.9876 49.0251 51.2694 48.751L51.287 50.1087C51.7855 50.2761 52.2695 50.4395 52.7325 50.5661C54.5412 51.0606 55.7962 51.0772 56.5122 50.6198C57.2361 50.1335 58.1663 47.8686 59.27 43.8318L51.2542 41.6402L52.0146 39.6555L60.667 42.0211L61.027 40.7045L52.5048 38.3744L53.1834 36.6317L51.855 36.1441ZM47.0533 44.0372L46.6934 45.3539L54.8538 47.585L55.2138 46.2683L47.0533 44.0372Z" fill="url(#paint3_linear_1365_86362)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_1365_86362" x1="0.000177383" y1="61.7342" x2="62.699" y2="78.8766" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.00521643" stop-color="#A965FF"/>
|
||||
<stop offset="0.524722" stop-color="#FF19A3"/>
|
||||
<stop offset="1" stop-color="#FFA551"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_1365_86362" x1="10.2889" y1="68.4384" x2="69.2889" y2="68.4384" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.00521643" stop-color="#A965FF"/>
|
||||
<stop offset="0.524722" stop-color="#FF19A3"/>
|
||||
<stop offset="1" stop-color="#FFA551"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_1365_86362" x1="15.6227" y1="55.6383" x2="52.3503" y2="65.68" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.00521643" stop-color="#A965FF"/>
|
||||
<stop offset="0.524722" stop-color="#FF19A3"/>
|
||||
<stop offset="1" stop-color="#FFA551"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint3_linear_1365_86362" x1="14.657" y1="46.0444" x2="58.0639" y2="57.9122" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.00521643" stop-color="#A965FF"/>
|
||||
<stop offset="0.524722" stop-color="#FF19A3"/>
|
||||
<stop offset="1" stop-color="#FFA551"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.4 KiB |
@@ -0,0 +1,28 @@
|
||||
<svg width="79" height="79" viewBox="0 0 79 79" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path opacity="0.6" d="M70.6558 47.8777C66.0696 64.6517 48.5357 74.486 31.4812 69.8231C14.4267 65.1602 4.33541 47.773 8.9216 30.999C13.5078 14.2249 31.0417 4.39066 48.0962 9.05353C65.1507 13.7164 75.242 31.1036 70.6558 47.8777Z" stroke="url(#paint0_linear_1365_86235)"/>
|
||||
<ellipse opacity="0.6" cx="39.7886" cy="39.4379" rx="29.5" ry="29" transform="rotate(15.2915 39.7886 39.4379)" stroke="url(#paint1_linear_1365_86235)" stroke-width="0.8" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="0.4 1.6"/>
|
||||
<path d="M60.6575 35.2957C58.9892 27.7509 53.2979 21.3614 45.3267 19.182C37.3554 17.0025 29.2049 19.6075 23.93 25.254M54.989 54.9982C49.7076 60.3592 41.7617 62.7855 33.9863 60.6596C26.2109 58.5337 20.6048 52.4021 18.7856 45.0999" stroke="url(#paint2_linear_1365_86235)"/>
|
||||
<path d="M30.1112 37.523L21.1404 35.0703L20.0525 39.0493C19.9022 39.5991 20.1019 39.9491 20.6518 40.0995L27.8718 42.0735C28.1322 42.1447 28.4019 42.1251 28.652 42.0069C28.9428 41.8532 29.3248 41.0246 29.827 39.5291L31.054 40.331C30.3819 42.1067 29.8392 43.1246 29.4444 43.3743C29.0101 43.5977 28.4996 43.6447 27.8985 43.5114L19.9116 41.3278C18.6818 40.9915 18.2481 40.1887 18.5963 38.9155L20.6533 31.3916L22.0424 31.7714L21.5004 33.7536L29.0677 35.8226L30.0092 32.379L20.4597 29.768L20.8197 28.4514L31.7727 31.446L30.1112 37.523ZM33.8958 35.852L38.7285 37.1732C39.0431 36.9327 39.3182 36.6658 39.5499 36.387C38.2937 36.0902 36.9796 35.7776 35.6406 35.4426L35.7624 34.2008C36.6332 34.3145 38.0228 33.8391 39.9232 32.8036L41.1567 33.6385C40.221 34.1602 39.309 34.5951 38.4142 34.9102C40.0361 35.2915 41.6185 35.6464 43.1654 35.9605C42.9052 35.5472 42.6121 35.1405 42.319 34.7338L43.5572 34.357C44.6824 35.8154 45.5104 37.0526 46.0452 38.0541L44.6846 38.5373C44.5072 38.1623 44.3009 37.7793 44.0657 37.3884C43.066 37.1773 42.0268 36.9398 40.9692 36.7129C40.7296 37.0206 40.4794 37.3099 40.2043 37.5768L46.643 39.3372L46.3028 40.5815L42.9749 39.6716C43.6308 40.6285 44.6919 41.525 46.1688 42.3798L45.2314 43.4764C43.3286 42.132 42.0783 40.7327 41.4702 39.2602L38.9091 38.56C37.4193 39.4589 35.464 40.0128 33.0656 40.1968L32.7757 38.8113C34.5228 38.7914 35.9728 38.5502 37.1439 38.0774L33.5556 37.0963L33.8958 35.852ZM39.785 39.1105L40.6816 40.0398C39.3799 40.9902 37.6101 41.5482 35.3577 41.7099L35.0427 40.473C37.0649 40.3572 38.636 39.9004 39.785 39.1105ZM42.9153 42.3922L43.9699 43.2559C41.9899 45.2649 38.6267 46.1336 33.9132 45.8557L33.4246 44.5714C38.0105 44.8611 41.1671 44.1224 42.9153 42.3922ZM41.2902 40.8283L42.1671 41.83C39.8863 43.2901 37.406 43.8872 34.7039 43.646L34.2074 42.3906C37.0029 42.6884 39.3686 42.1689 41.2902 40.8283ZM51.8547 36.1436L53.1832 36.6312L52.5045 38.3739L61.0268 40.704L60.6668 42.0206L52.0143 39.655L51.254 41.6397L59.2698 43.8313C58.1661 47.8682 57.2358 50.133 56.5119 50.6193C55.796 51.0767 54.5409 51.0601 52.7323 50.5656C52.2693 50.439 51.7853 50.2756 51.2868 50.1082L51.2692 48.7505C51.9873 49.0246 52.4963 49.2104 52.7857 49.2895C54.3194 49.7089 55.3167 49.7016 55.759 49.2783C56.2276 48.8155 56.8245 47.3148 57.5287 44.7393L49.3682 42.5081L51.8547 36.1436ZM47.0531 44.0367L55.2136 46.2678L54.8536 47.5845L46.6931 45.3534L47.0531 44.0367Z" fill="url(#paint3_linear_1365_86235)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_1365_86235" x1="-6.67572e-05" y1="61.7342" x2="62.6987" y2="78.8766" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.00521643" stop-color="#377AFF"/>
|
||||
<stop offset="0.524722" stop-color="#1664FF"/>
|
||||
<stop offset="1" stop-color="#377AFF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_1365_86235" x1="10.2886" y1="68.4379" x2="69.2886" y2="68.4379" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.00521643" stop-color="#377AFF"/>
|
||||
<stop offset="0.524722" stop-color="#1664FF"/>
|
||||
<stop offset="1" stop-color="#377AFF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_1365_86235" x1="15.6225" y1="55.6388" x2="52.35" y2="65.6805" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.00521643" stop-color="#377AFF"/>
|
||||
<stop offset="0.524722" stop-color="#1664FF"/>
|
||||
<stop offset="1" stop-color="#377AFF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint3_linear_1365_86235" x1="14.6568" y1="46.0439" x2="58.0636" y2="57.9117" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.00521643" stop-color="#377AFF"/>
|
||||
<stop offset="0.524722" stop-color="#1664FF"/>
|
||||
<stop offset="1" stop-color="#377AFF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.4 KiB |
@@ -0,0 +1,33 @@
|
||||
<svg width="66" height="66" viewBox="0 0 66 66" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<mask id="mask0_1365_86211" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="66" height="66">
|
||||
<rect width="66" height="66" fill="#D9D9D9"/>
|
||||
</mask>
|
||||
<g mask="url(#mask0_1365_86211)">
|
||||
<path opacity="0.6" d="M63.6558 41.8777C59.0696 58.6517 41.5357 68.486 24.4812 63.8231C7.42669 59.1602 -2.66459 41.773 1.9216 24.999C6.50778 8.22492 24.0417 -1.60934 41.0962 3.05353C58.1507 7.71639 68.242 25.1036 63.6558 41.8777Z" stroke="url(#paint0_linear_1365_86211)"/>
|
||||
<ellipse opacity="0.6" cx="32.7886" cy="33.4379" rx="29.5" ry="29" transform="rotate(15.2915 32.7886 33.4379)" stroke="url(#paint1_linear_1365_86211)" stroke-width="0.8" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="0.4 1.6"/>
|
||||
<path d="M53.6575 29.2957C51.9892 21.7509 46.2979 15.3614 38.3267 13.182C30.3554 11.0025 22.2049 13.6075 16.93 19.254M47.989 48.9982C42.7076 54.3592 34.7617 56.7855 26.9863 54.6596C19.2109 52.5337 13.6048 46.4021 11.7856 39.0999" stroke="url(#paint2_linear_1365_86211)"/>
|
||||
<path d="M23.1112 31.523L24.7727 25.446L13.8197 22.4514L13.4597 23.768L23.0092 26.379L22.0677 29.8226L14.5004 27.7536L15.0424 25.7714L13.6533 25.3916L11.5963 32.9155C11.2481 34.1887 11.6818 34.9915 12.9116 35.3278L20.8985 37.5114C21.4996 37.6447 22.0101 37.5977 22.4444 37.3743C22.8392 37.1246 23.3819 36.1067 24.054 34.331L22.827 33.5291C22.3248 35.0246 21.9428 35.8532 21.652 36.0069C21.4019 36.1251 21.1322 36.1447 20.8718 36.0735L13.6518 34.0995C13.1019 33.9491 12.9022 33.5991 13.0525 33.0493L14.1404 29.0703L23.1112 31.523ZM26.8958 29.852L26.5556 31.0963L30.1439 32.0774C28.9728 32.5502 27.5228 32.7914 25.7757 32.8113L26.0656 34.1968C28.464 34.0128 30.4193 33.4589 31.9091 32.56L34.4702 33.2602C35.0783 34.7327 36.3286 36.132 38.2314 37.4764L39.1688 36.3798C37.6919 35.525 36.6308 34.6285 35.9749 33.6716L39.3028 34.5815L39.643 33.3372L33.2043 31.5768C33.4794 31.3099 33.7296 31.0206 33.9692 30.7129C35.0268 30.9398 36.066 31.1773 37.0657 31.3884C37.3009 31.7793 37.5072 32.1623 37.6846 32.5373L39.0452 32.0541C38.5104 31.0526 37.6824 29.8154 36.5572 28.357L35.319 28.7338C35.6121 29.1405 35.9052 29.5472 36.1654 29.9605C34.6185 29.6464 33.0361 29.2915 31.4142 28.9102C32.309 28.5951 33.221 28.1602 34.1567 27.6385L32.9232 26.8036C31.0228 27.8391 29.6332 28.3145 28.7624 28.2008L28.6406 29.4426C29.9796 29.7776 31.2937 30.0902 32.5499 30.387C32.3182 30.6658 32.0431 30.9327 31.7285 31.1732L26.8958 29.852ZM32.785 33.1105C31.636 33.9004 30.0649 34.3572 28.0427 34.473L28.3577 35.7099C30.6101 35.5482 32.3799 34.9902 33.6816 34.0398L32.785 33.1105ZM35.9153 36.3922C34.1671 38.1224 31.0105 38.8611 26.4246 38.5714L26.9132 39.8557C31.6267 40.1336 34.9899 39.2649 36.9699 37.2559L35.9153 36.3922ZM34.2902 34.8283C32.3686 36.1689 30.0029 36.6884 27.2074 36.3906L27.7039 37.646C30.406 37.8872 32.8863 37.2901 35.1671 35.83L34.2902 34.8283ZM44.8547 30.1436L42.3682 36.5081L50.5287 38.7393C49.8245 41.3148 49.2276 42.8155 48.759 43.2783C48.3167 43.7016 47.3194 43.7089 45.7857 43.2895C45.4963 43.2104 44.9873 43.0246 44.2692 42.7505L44.2868 44.1082C44.7853 44.2756 45.2693 44.439 45.7323 44.5656C47.5409 45.0601 48.796 45.0767 49.5119 44.6193C50.2358 44.133 51.1661 41.8682 52.2698 37.8313L44.254 35.6397L45.0143 33.655L53.6668 36.0206L54.0268 34.704L45.5045 32.3739L46.1832 30.6312L44.8547 30.1436ZM40.0531 38.0367L39.6931 39.3534L47.8536 41.5845L48.2136 40.2678L40.0531 38.0367Z" fill="url(#paint3_linear_1365_86211)"/>
|
||||
</g>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_1365_86211" x1="-7.00007" y1="55.7342" x2="55.6987" y2="72.8766" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#93C4FF"/>
|
||||
<stop offset="0.53125" stop-color="#5EA8FF"/>
|
||||
<stop offset="1" stop-color="#93C4FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_1365_86211" x1="3.28862" y1="62.4379" x2="62.2886" y2="62.4379" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#93C4FF"/>
|
||||
<stop offset="0.53125" stop-color="#5EA8FF"/>
|
||||
<stop offset="1" stop-color="#93C4FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_1365_86211" x1="8.62249" y1="49.6388" x2="45.35" y2="59.6805" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#93C4FF"/>
|
||||
<stop offset="0.53125" stop-color="#5EA8FF"/>
|
||||
<stop offset="1" stop-color="#93C4FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint3_linear_1365_86211" x1="7.6568" y1="40.0439" x2="51.0636" y2="51.9117" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#93C4FF"/>
|
||||
<stop offset="0.53125" stop-color="#5EA8FF"/>
|
||||
<stop offset="1" stop-color="#93C4FF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.5 KiB |
@@ -0,0 +1,28 @@
|
||||
<svg width="79" height="79" viewBox="0 0 79 79" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path opacity="0.6" d="M70.7771 47.8777C66.1909 64.6517 48.657 74.486 31.6025 69.8231C14.548 65.1602 4.45675 47.773 9.04293 30.999C13.6291 14.2249 31.163 4.39066 48.2175 9.05353C65.272 13.7164 75.3633 31.1036 70.7771 47.8777Z" stroke="url(#paint0_linear_1365_86411)"/>
|
||||
<ellipse opacity="0.6" cx="39.91" cy="39.4384" rx="29.5" ry="29" transform="rotate(15.2915 39.91 39.4384)" stroke="url(#paint1_linear_1365_86411)" stroke-width="0.8" stroke-linecap="round" stroke-linejoin="round" stroke-dasharray="0.4 1.6"/>
|
||||
<path d="M60.7789 35.2952C59.1105 27.7504 53.4193 21.3609 45.448 19.1815C37.4767 17.0021 29.3263 19.6071 24.0513 25.2535M55.1103 54.9977C49.8289 60.3587 41.883 62.785 34.1076 60.6591C26.3322 58.5333 20.7261 52.4017 18.907 45.0994" stroke="url(#paint2_linear_1365_86411)"/>
|
||||
<path d="M30.2325 37.5235L31.894 31.4465L20.941 28.4519L20.581 29.7685L30.1305 32.3795L29.189 35.8231L21.6217 33.7541L22.1637 31.7719L20.7747 31.3921L18.7176 38.9159C18.3695 40.1892 18.8031 40.992 20.033 41.3282L28.0198 43.5119C28.621 43.6452 29.1314 43.5982 29.5657 43.3748C29.9606 43.1251 30.5032 42.1071 31.1753 40.3315L29.9484 39.5296C29.4462 41.0251 29.0641 41.8536 28.7733 42.0074C28.5233 42.1256 28.2535 42.1452 27.9931 42.074L20.7731 40.1C20.2233 39.9496 20.0235 39.5996 20.1739 39.0497L21.2617 35.0708L30.2325 37.5235ZM34.0172 35.8524L33.677 37.0968L37.2653 38.0779C36.0941 38.5507 34.6442 38.7919 32.8971 38.8118L33.1869 40.1973C35.5854 40.0133 37.5407 39.4594 39.0305 38.5605L41.5915 39.2607C42.1997 40.7332 43.4499 42.1325 45.3527 43.4769L46.2901 42.3803C44.8132 41.5255 43.7521 40.6289 43.0963 39.6721L46.4241 40.582L46.7643 39.3376L40.3256 37.5772C40.6008 37.3104 40.8509 37.0211 41.0906 36.7134C42.1481 36.9403 43.1873 37.1778 44.187 37.3889C44.4223 37.7798 44.6286 38.1628 44.8059 38.5378L46.1666 38.0546C45.6317 37.0531 44.8037 35.8159 43.6785 34.3575L42.4403 34.7343C42.7334 35.141 43.0265 35.5477 43.2867 35.9609C41.7398 35.6469 40.1574 35.292 38.5355 34.9107C39.4303 34.5956 40.3423 34.1607 41.278 33.639L40.0445 32.8041C38.1441 33.8396 36.7546 34.3149 35.8837 34.2013L35.7619 35.4431C37.101 35.7781 38.415 36.0907 39.6712 36.3875C39.4395 36.6663 39.1644 36.9332 38.8498 37.1737L34.0172 35.8524ZM39.9063 39.1109C38.7573 39.9009 37.1862 40.3577 35.1641 40.4735L35.479 41.7104C37.7314 41.5487 39.5012 40.9907 40.803 40.0403L39.9063 39.1109ZM43.0366 42.3927C41.2884 44.1229 38.1319 44.8616 33.5459 44.5719L34.0345 45.8562C38.7481 46.1341 42.1113 45.2654 44.0912 43.2564L43.0366 42.3927ZM41.4116 40.8287C39.49 42.1694 37.1242 42.6889 34.3288 42.3911L34.8253 43.6465C37.5273 43.8877 40.0076 43.2906 42.2884 41.8305L41.4116 40.8287ZM51.9761 36.1441L49.4895 42.5086L57.65 44.7398C56.9459 47.3152 56.3489 48.816 55.8803 49.2787C55.438 49.7021 54.4408 49.7093 52.9071 49.29C52.6177 49.2109 52.1087 49.0251 51.3905 48.751L51.4081 50.1087C51.9066 50.2761 52.3906 50.4395 52.8536 50.5661C54.6622 51.0606 55.9173 51.0772 56.6333 50.6198C57.3572 50.1335 58.2874 47.8686 59.3911 43.8318L51.3753 41.6402L52.1357 39.6555L60.7881 42.0211L61.1481 40.7045L52.6259 38.3744L53.3045 36.6317L51.9761 36.1441ZM47.1744 44.0372L46.8144 45.3539L54.9749 47.585L55.3349 46.2683L47.1744 44.0372Z" fill="url(#paint3_linear_1365_86411)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_1365_86411" x1="0.121271" y1="61.7342" x2="62.82" y2="78.8766" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.00521643" stop-color="#FFCC9D"/>
|
||||
<stop offset="0.494792" stop-color="#FF9C41"/>
|
||||
<stop offset="1" stop-color="#FFCC9D"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_1365_86411" x1="10.41" y1="68.4384" x2="69.41" y2="68.4384" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.00521643" stop-color="#FFCC9D"/>
|
||||
<stop offset="0.494792" stop-color="#FF9C41"/>
|
||||
<stop offset="1" stop-color="#FFCC9D"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_1365_86411" x1="15.7438" y1="55.6383" x2="52.4714" y2="65.68" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.00521643" stop-color="#FFCC9D"/>
|
||||
<stop offset="0.494792" stop-color="#FF9C41"/>
|
||||
<stop offset="1" stop-color="#FFCC9D"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint3_linear_1365_86411" x1="14.7781" y1="46.0444" x2="58.185" y2="57.9122" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.00521643" stop-color="#FFCC9D"/>
|
||||
<stop offset="0.494792" stop-color="#FF9C41"/>
|
||||
<stop offset="1" stop-color="#FFCC9D"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.4 KiB |
@@ -0,0 +1,25 @@
|
||||
<svg width="196" height="34" viewBox="0 0 196 34" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<mask id="mask0_1365_86351" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="196" height="34">
|
||||
<path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd" d="M0 0L16.571 28.1706C18.6874 31.7686 22.7028 34 27.0608 34H168.939C173.297 34 177.313 31.7686 179.429 28.1706L196 0H0ZM1.69951 0.944444L17.4451 27.712C19.3852 31.0101 23.066 33.0556 27.0608 33.0556H168.939C172.934 33.0556 176.615 31.0101 178.555 27.712L194.3 0.944444H1.69951Z" fill="url(#paint0_linear_1365_86351)"/>
|
||||
</mask>
|
||||
<g mask="url(#mask0_1365_86351)">
|
||||
<path d="M16.7356 27.9575L0.437104 0.25H195.563L179.264 27.9575C177.153 31.5464 173.3 33.75 169.137 33.75H26.8634C22.6996 33.75 18.8467 31.5464 16.7356 27.9575Z" stroke="url(#paint1_linear_1365_86351)" stroke-width="0.5"/>
|
||||
</g>
|
||||
<path d="M0 0H196L179.48 28.0842C177.324 31.7495 173.389 34 169.137 34H26.8634C22.611 34 18.6762 31.7495 16.5201 28.0842L0 0Z" fill="url(#paint2_linear_1365_86351)" fill-opacity="0.08"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_1365_86351" x1="98" y1="0" x2="98" y2="34" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white" stop-opacity="0"/>
|
||||
<stop offset="0.60351" stop-color="white"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_1365_86351" x1="0" y1="34" x2="196" y2="34" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.00521643" stop-color="#A965FF"/>
|
||||
<stop offset="0.524722" stop-color="#FF19A3"/>
|
||||
<stop offset="1" stop-color="#FFA551"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_1365_86351" x1="0" y1="34" x2="196" y2="34" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0.00521643" stop-color="#A965FF"/>
|
||||
<stop offset="0.524722" stop-color="#FF19A3"/>
|
||||
<stop offset="1" stop-color="#FFA551"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.8 KiB |
@@ -0,0 +1,19 @@
|
||||
<svg width="196" height="35" viewBox="0 0 196 35" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_1549_86160)">
|
||||
<path opacity="0.5" d="M0 0H196L179.48 28.0842C177.324 31.7495 173.389 34 169.137 34H26.8634C22.611 34 18.6762 31.7495 16.5201 28.0842L0 0Z" fill="url(#paint0_linear_1549_86160)"/>
|
||||
<path opacity="0.3" d="M0 0L16.5201 28.0842C18.6762 31.7495 22.611 34 26.8634 34H169.137C173.389 34 177.324 31.7495 179.48 28.0842L196 0" stroke="url(#paint1_linear_1549_86160)" stroke-width="0.5"/>
|
||||
</g>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_1549_86160" x1="-0.253904" y1="4.49999" x2="183.746" y2="34" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#222733"/>
|
||||
<stop offset="1" stop-color="#201425"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_1549_86160" x1="98" y1="0" x2="98" y2="34" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#F6DEFF" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="#9ADBFF"/>
|
||||
</linearGradient>
|
||||
<clipPath id="clip0_1549_86160">
|
||||
<rect width="196" height="35" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
@@ -0,0 +1,14 @@
|
||||
<svg width="198" height="36" viewBox="0 0 198 36" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M1 1H197L180.48 29.0842C178.324 32.7495 174.389 35 170.137 35H27.8634C23.611 35 19.6762 32.7495 17.5201 29.0842L1 1Z" fill="url(#paint0_linear_1365_86171)" fill-opacity="0.4"/>
|
||||
<path d="M1 1L17.5201 29.0842C19.6762 32.7495 23.611 35 27.8634 35H170.137C174.389 35 178.324 32.7495 180.48 29.0842L197 1" stroke="url(#paint1_linear_1365_86171)" stroke-width="0.5"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_1365_86171" x1="0.746096" y1="5.49999" x2="184.746" y2="35" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#C4EAFF"/>
|
||||
<stop offset="1" stop-color="#B8E5FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_1365_86171" x1="99" y1="1" x2="99" y2="35" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#DEEFFF" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="#8EDDFF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 917 B |
@@ -0,0 +1,14 @@
|
||||
<svg width="198" height="36" viewBox="0 0 198 36" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path opacity="0.3" d="M1 1H197L180.48 29.0842C178.324 32.7495 174.389 35 170.137 35H27.8634C23.611 35 19.6762 32.7495 17.5201 29.0842L1 1Z" fill="url(#paint0_linear_1365_86407)"/>
|
||||
<path d="M1 1L17.5201 29.0842C19.6762 32.7495 23.611 35 27.8634 35H170.137C174.389 35 178.324 32.7495 180.48 29.0842L197 1" stroke="url(#paint1_linear_1365_86407)" stroke-width="0.5"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_1365_86407" x1="0.746096" y1="5.49999" x2="184.746" y2="35" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#FFEEE9"/>
|
||||
<stop offset="1" stop-color="#FFD6A6"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_1365_86407" x1="99" y1="1" x2="99" y2="35" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#FFECDE" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="#FFC49A"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 912 B |
|
After Width: | Height: | Size: 8.3 KiB |
@@ -0,0 +1 @@
|
||||
"use strict";Component({options:{styleIsolation:"shared"},properties:{sdkInstance:{type:Object,value:null},animationAwardId:{type:Number,value:null},AwardThemeUrl:{type:String,value:null}},data:{},lifetimes:{detached:function(){}},observers:{sdkInstance:function(e){}},methods:{}});
|
||||
@@ -0,0 +1 @@
|
||||
{"component":true,"usingComponents":{"mp-loading":"weui-miniprogram/loading/loading","mp-icon":"weui-miniprogram/icon/icon","mp-dialog":"weui-miniprogram/dialog/dialog"}}
|
||||
@@ -0,0 +1,18 @@
|
||||
<wxs module="m1">
|
||||
var LotteryAttendIconMap = {
|
||||
lotteryBox: 'https://p1-live.byteimg.com/tos-cn-i-gjr78lqtd0/d0886daf61274e689f22bfd8d3a10999~tplv-gjr78lqtd0-z75.image',
|
||||
slotMachine: 'https://p1-live.byteimg.com/tos-cn-i-gjr78lqtd0/157f2d4469f3475d9fa3db104eb75ea0~tplv-gjr78lqtd0-z75.image',
|
||||
};
|
||||
var getImage = function(AwardThemeUrl, IsUseDarkTheme) {
|
||||
return LotteryAttendIconMap[AwardThemeUrl] || 'https://p1-live.byteimg.com/tos-cn-i-gjr78lqtd0/ca5dd7c55b844699bee908bbdf3cc943~tplv-gjr78lqtd0-z75.image';
|
||||
}
|
||||
module.exports.getImage = getImage;
|
||||
</wxs>
|
||||
<mp-dialog
|
||||
show="{{animationAwardId}}"
|
||||
mask="{{true}}"
|
||||
mask-closable="{{false}}"
|
||||
ext-class="lottery-animation-dialog"
|
||||
>
|
||||
<image src="{{m1.getImage(AwardThemeUrl)}}" />
|
||||
</mp-dialog>
|
||||
@@ -0,0 +1 @@
|
||||
.lottery-animation-dialog .weui-dialog{background:0 0}.lottery-animation-dialog .weui-dialog__hd{padding:0}.lottery-animation-dialog .weui-dialog__bd{padding:0;margin-bottom:0}.lottery-animation-dialog image{width:300px;height:300px}
|
||||
@@ -0,0 +1 @@
|
||||
"use strict";Component({properties:{sdkInstance:{type:Object,value:null},IsUseDarkTheme:{type:Boolean,value:null},data:{type:Object,value:null},status:{type:Number,value:null},type:{type:String,value:null}},data:{},lifetimes:{detached:function(){}},observers:{sdkInstance:function(e){}},methods:{}});
|
||||
@@ -0,0 +1 @@
|
||||
{"component":true,"usingComponents":{}}
|
||||
@@ -0,0 +1,41 @@
|
||||
<wxs module="m1">
|
||||
var LotteryAttendIconMap = {
|
||||
lotteryBox: '../assets/lottery_attend_box.svg',
|
||||
slotMachine: '../assets/lottery_attend_machine.svg',
|
||||
};
|
||||
var getImage = function(AwardThemeUrl, IsUseDarkTheme) {
|
||||
return LotteryAttendIconMap[AwardThemeUrl] ||
|
||||
(IsUseDarkTheme ? '../assets/lottery_attend_dark.svg' : '../assets/lottery_attend_default.svg');
|
||||
}
|
||||
module.exports.getImage = getImage;
|
||||
</wxs>
|
||||
<!-- 多个奖品展示 -->
|
||||
<view wx:if="{{data.displayAwardItemConfigs && data.displayAwardItemConfigs.length > 1}}" class="lottery-detail-award-wrap{{(data.hasCondition || type === 'result') ? ' lottery-detail-award-wrap-small' : ''}}{{IsUseDarkTheme ? ' lottery-detail-award-wrap-dark' : ''}}{{data.AwardThemeUrl === 'lotteryBox' ? ' lottery-detail-award-wrap-box' : ''}}{{data.AwardThemeUrl === 'slotMachine' ? ' lottery-detail-award-wrap-machine' : ''}}">
|
||||
<swiper class="lottery-detail-swiper" autoplay="false" circular="true" indicator-dots="true">
|
||||
<swiper-item wx:for="{{data.displayAwardItemConfigs}}" wx:key="{{item.AwardId}}">
|
||||
<view class="lottery-detail-award-item">
|
||||
<image class="lottery-detail-image" src="{{item.AwardItemIcon || 'https://lf-cdn-tos.bytescm.com/obj/static/livesaas-console/static/media/icon-default-award.5c5cef22.svg'}}" />
|
||||
<view class="lottery-detail-award-wrap-text">
|
||||
<view class="lottery-detail-text">奖品:{{item.AwardItemName}}</view>
|
||||
<view wx:if="{{!data.IsHideAwardNum}}" class="lottery-detail-text-num">
|
||||
奖品数量:{{item.AwardItemCount}}份
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
<image class="lottery-detail-attend" wx:if="{{status === 1}}" src="{{m1.getImage(data.AwardThemeUrl, IsUseDarkTheme)}}" />
|
||||
</view>
|
||||
<!-- 单个奖品展示 -->
|
||||
<view wx:else class="lottery-detail-award-wrap{{(data.hasCondition || type === 'result') ? ' lottery-detail-award-wrap-small' : ''}}{{IsUseDarkTheme ? ' lottery-detail-award-wrap-dark' : ''}}{{data.AwardThemeUrl === 'lotteryBox' ? ' lottery-detail-award-wrap-box' : ''}}{{data.AwardThemeUrl === 'slotMachine' ? ' lottery-detail-award-wrap-machine' : ''}}">
|
||||
<image class="lottery-detail-image" src="{{data.displayAwardItemConfig.AwardItemIcon || 'https://lf-cdn-tos.bytescm.com/obj/static/livesaas-console/static/media/icon-default-award.5c5cef22.svg'}}" />
|
||||
<view class="lottery-detail-award-wrap-text">
|
||||
<view class="lottery-detail-text">
|
||||
奖品:{{data.displayAwardItemConfig.AwardItemName}}
|
||||
</view>
|
||||
<view wx:if="{{!data.IsHideAwardNum}}" class="lottery-detail-text-num">
|
||||
奖品数量:{{data.displayAwardItemConfig.AwardItemCount}}份
|
||||
</view>
|
||||
</view>
|
||||
<image class="lottery-detail-attend" wx:if="{{status === 1}}" src="{{m1.getImage(data.AwardThemeUrl, IsUseDarkTheme)}}" />
|
||||
</view>
|
||||
@@ -0,0 +1 @@
|
||||
.lottery-detail-award-wrap{background:#f0fcff;box-shadow:0rpx 4rpx 24rpx 0rpx rgba(0,102,255,.02);border-radius:8px;padding:6px;padding-right:16px;display:flex;position:relative}.lottery-detail-swiper{flex:1;width:100%;height:132px}.lottery-detail-award-item{display:flex;align-items:center;height:100%;width:100%;padding:0}.lottery-detail-swiper .lottery-detail-image{width:120px;height:120px;border-radius:6px;margin-right:16px}.lottery-detail-swiper .lottery-detail-award-wrap-text{flex:1;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:10px 0}.lottery-detail-swiper .lottery-detail-text{word-break:break-all;font-weight:500;font-size:calc(16px + .5 * (1rem - 16px));color:#0c0d0e;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-align:left;margin:0}.lottery-detail-swiper .lottery-detail-text-num{color:#737a87;font-size:calc(14px + .5 * (1rem - 16px));display:flex;margin:10px 0 0 0}.lottery-detail-award-wrap-small .lottery-detail-swiper{height:80px}.lottery-detail-award-wrap-small .lottery-detail-swiper .lottery-detail-image{width:68px;height:68px;margin-right:12px}.lottery-detail-award-wrap-small .lottery-detail-swiper .lottery-detail-award-wrap-text{padding:4px 0}.lottery-detail-award-wrap-small .lottery-detail-swiper .lottery-detail-text{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.lottery-detail-award-wrap-small .lottery-detail-swiper .lottery-detail-text-num{margin:4px 0 0 0}.lottery-detail-award-wrap-dark .lottery-detail-swiper .lottery-detail-text{color:#fff}.lottery-detail-award-wrap-dark .lottery-detail-swiper .lottery-detail-text-num{color:#737a87}.lottery-detail-award-wrap-box .lottery-detail-swiper .lottery-detail-text{color:#fff}.lottery-detail-award-wrap-box .lottery-detail-swiper .lottery-detail-text-num{color:rgba(255,255,255,.5)}.lottery-detail-award-wrap-machine .lottery-detail-swiper .lottery-detail-text{color:#1d2129}.lottery-detail-award-wrap-machine .lottery-detail-swiper .lottery-detail-text-num{color:#4e5969}.lottery-detail-award-wrap .lottery-detail-image{width:120px;height:120px;border-radius:6px;margin-right:16px}.lottery-detail-award-wrap .lottery-detail-attend{width:160rpx;height:160rpx;position:absolute;right:0;bottom:0}.lottery-detail-award-wrap .lottery-detail-award-wrap-text{display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;flex:1}.lottery-detail-award-wrap .lottery-detail-award-wrap-text .lottery-detail-text{word-break:break-all;font-weight:500;font-size:calc(16px + .5 * (1rem - 16px));color:#0c0d0e;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-align:left;margin-top:10px}.lottery-detail-award-wrap .lottery-detail-award-wrap-text .lottery-detail-text-num{color:#737a87;font-size:calc(14px + .5 * (1rem - 16px));display:flex;margin-bottom:10px}.lottery-detail-award-wrap.lottery-detail-award-wrap-small{padding:4px;padding-right:12px}.lottery-detail-award-wrap.lottery-detail-award-wrap-small image{width:68px;height:68px;margin-right:12px}.lottery-detail-award-wrap.lottery-detail-award-wrap-small .lottery-detail-award-wrap-text .lottery-detail-text{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px}.lottery-detail-award-wrap.lottery-detail-award-wrap-small .lottery-detail-award-wrap-text .lottery-detail-text-num{margin-bottom:4px}.lottery-detail-award-wrap.lottery-detail-award-wrap-dark{background:#2a2a35;box-shadow:0rpx 4rpx 24rpx 0rpx rgba(0,102,255,.02);box-shadow:none}.lottery-detail-award-wrap.lottery-detail-award-wrap-dark .lottery-detail-award-wrap-text .lottery-detail-text{color:#fff}.lottery-detail-award-wrap.lottery-detail-award-wrap-dark .lottery-detail-award-wrap-text .lottery-detail-text-num{color:#737a87}.lottery-detail-award-wrap.lottery-detail-award-wrap-box{background:linear-gradient(112deg,rgba(6,38,103,.6) 0,rgba(97,7,93,.6) 45.31%,rgba(84,0,8,.6) 100%);backdrop-filter:blur(8rpx);box-shadow:none}.lottery-detail-award-wrap.lottery-detail-award-wrap-box .lottery-detail-award-wrap-text .lottery-detail-text{color:#fff}.lottery-detail-award-wrap.lottery-detail-award-wrap-box .lottery-detail-award-wrap-text .lottery-detail-text-num{color:rgba(255,255,255,.5)}.lottery-detail-award-wrap.lottery-detail-award-wrap-machine{background:linear-gradient(112deg,#fffcf9 0,#fffcfa 100%);box-shadow:0rpx 4rpx 24rpx 0rpx rgba(255,107,0,.02)}.lottery-detail-award-wrap.lottery-detail-award-wrap-machine .lottery-detail-award-wrap-text .lottery-detail-text{color:#1d2129}.lottery-detail-award-wrap.lottery-detail-award-wrap-machine .lottery-detail-award-wrap-text .lottery-detail-text-num{color:#4e5969}
|
||||
@@ -0,0 +1 @@
|
||||
"use strict";Component({properties:{sdkInstance:{type:Object,value:null},IsUseDarkTheme:{type:Boolean,value:null},data:{type:Object,value:null},status:{type:Number,value:null},visible:{type:Boolean,value:null},type:{type:String,value:null}},data:{regulation:!1},lifetimes:{detached:function(){"function"==typeof this.unsub&&this.unsub(),this.unsub=null}},observers:{sdkInstance:function(t){t&&(this.store=t.store,this.visibleData=!1,this.typeData="")},"visible,type":function(t,e){t===this.visibleData&&e===this.typeData||(this.visibleData=t,this.typeData=e,t&&"detail"===e?this.openAwardDetailDrawer():this.selectComponent("#lottery-drawer").data.flag&&this.selectComponent("#lottery-drawer").hideFrame())}},methods:{openAwardDetailDrawer:function(){this.selectComponent("#lottery-drawer").showFrame()},closeAwardDrawer:function(){this.selectComponent("#lottery-drawer").hideFrame(),this.myCancel()},myCancel:function(){(this.store.get("AwardInfo")||{}).visible&&this.store.set("AwardInfo",{visible:!1,currentId:null}),this.typeData=""},openRegulation:function(){this.setData({regulation:!0})},closeRegulation:function(){this.setData({regulation:!1})},attendLottery:function(){var t,e;null!==(t=this.data)&&void 0!==t&&null!==(e=t.data)&&void 0!==e&&e.UndoAwardCondition?this.closeAwardDrawer():this.triggerEvent("attendLottery",{lotteryId:this.data.data.ID})}}});
|
||||
@@ -0,0 +1 @@
|
||||
{"component":true,"usingComponents":{"Drawer":"../../../../pubComponents/drawer/drawer","mp-loading":"weui-miniprogram/loading/loading","count-down":"../../count-down/count-down","mp-icon":"weui-miniprogram/icon/icon","award-card":"../award-card/award-card","condition-item":"../condition-item/condition-item"}}
|
||||
@@ -0,0 +1,44 @@
|
||||
<wxs module="m1">
|
||||
var LotteryAttendIconMap = {
|
||||
lotteryBox: '../assets/lottery_detail_title_box.svg',
|
||||
slotMachine: '../assets/lottery_detail_title_machine.svg',
|
||||
};
|
||||
var getImage = function(AwardThemeUrl, IsUseDarkTheme) {
|
||||
return LotteryAttendIconMap[AwardThemeUrl] || (IsUseDarkTheme ? '../assets/lottery_detail_title_dark.svg' : '../assets/lottery_detail_title_default.svg');
|
||||
}
|
||||
module.exports.getImage = getImage;
|
||||
</wxs>
|
||||
<Drawer id='lottery-drawer' needCancel="{{false}}" bind:myCancel="myCancel">
|
||||
<view wx:if="{{visible && type === 'detail' && data}}" class="lottery-detail{{regulation ? ' regulation' : ''}}{{IsUseDarkTheme ? ' lottery-detail-dark' : ''}}{{data.AwardThemeUrl === 'lotteryBox' ? ' lottery-detail-box' : ''}}{{data.AwardThemeUrl === 'slotMachine' ? ' lottery-detail-machine' : '' }}">
|
||||
<image wx:if="{{!IsUseDarkTheme && data.AwardThemeUrl !== 'lotteryBox' && data.AwardThemeUrl !== 'slotMachine'}}" class="lottery-detail-bg" style="position: absolute" src="../assets/questionaireImage.png" />
|
||||
<view class="lottery-detail-header {{data.showCountDown ? '' : 'lottery-detail-header-no-count-down'}}">
|
||||
<view class="lottery-datail-icon" bindtap="openRegulation">
|
||||
<!-- <mp-icon icon="help" color="#737a87" size="{{20}}" class="help" /> -->
|
||||
</view>
|
||||
<view class="lottery-detail-icon-close" bindtap="closeAwardDrawer">
|
||||
<mp-icon icon="close" color="#737a87" size="{{20}}" class="close" />
|
||||
</view>
|
||||
<image src="{{m1.getImage(data.AwardThemeUrl, IsUseDarkTheme)}}" />
|
||||
<view class="lottery-detail-title">即将开奖</view>
|
||||
<count-down type="lottery" wx:if="{{data.showCountDown && data.SendTime && status === 0}}" sendTime="{{data.SendTime}}" deadLine="{{data.DeadLine}}" useDarkTheme="{{IsUseDarkTheme}}" bind:onCountDown="onCountDown" awardThemeUrl="{{data.AwardThemeUrl}}" deadLineSecond="{{data.DeadLineSecond}}" />
|
||||
</view>
|
||||
<view wx:if="{{regulation}}" class="regulation-content">
|
||||
<view class="lottery-datail-icon" style="left: 8px" bindtap="closeRegulation">
|
||||
<mp-icon icon="back" color="#737a87" size="{{20}}" class="lottery-header-icon-left" />
|
||||
</view>
|
||||
<view className="lottery-datail-iframe-container">
|
||||
<web-view height="100%" width="100%" style="border: none" src="https://www.volcengine.com/docs/3019/67124" />
|
||||
</view>
|
||||
</view>
|
||||
<view wx:else>
|
||||
<award-card status="{{status}}" data="{{data}}" IsUseDarkTheme="{{IsUseDarkTheme}}" />
|
||||
<condition-item wx:if="{{data.hasCondition}}" data="{{data}}" status="{{status}}" IsUseDarkTheme="{{IsUseDarkTheme}}" />
|
||||
<button wx:if="{{status === 0}}" type="{{data.UndoAwardCondition ? 'default' : 'primary'}}" class="lottery-detail-button {{data.UndoAwardCondition ? 'lottery-detail-button-default' : 'lottery-detail-button-primary'}}" loading="{{isAttendLoading}}" bindtap="attendLottery">
|
||||
{{data.UndoAwardCondition ? '完成全部任务即可参与' : '立即参与'}}
|
||||
</button>
|
||||
<button wx:else type="default" class="lottery-detail-button lottery-detail-button-default" bindtap="closeAwardDrawer">
|
||||
{{status === 4 ? '抽奖已结束,您未参与': '等待开奖'}}
|
||||
</button>
|
||||
</view>
|
||||
</view>
|
||||
</Drawer>
|
||||
@@ -0,0 +1 @@
|
||||
.lottery-detail{padding:0rpx 40rpx 40rpx;background:linear-gradient(138deg,#dbeeff 4.93%,#e9f3ff 89.68%);background-repeat:no-repeat}.lottery-detail-bg{position:absolute;left:0;width:120px;height:80px}.lottery-detail-header{text-align:center}.lottery-detail-header-no-count-down{height:120rpx}.lottery-detail-header image{width:392rpx;height:70rpx}.lottery-detail .lottery-detail-button{width:100%;height:calc(48px + .5 * (1rem - 16px));line-height:calc(32px + .5 * (1rem - 16px));border-radius:8px;margin-left:0;margin-top:20px;display:block;font-size:calc(16px + .5 * (1rem - 16px));font-weight:600;margin-bottom:constant(safe-area-inset-bottom);margin-bottom:env(safe-area-inset-bottom)}.lottery-detail-button-primary{background:#165dff!important}.lottery-detail-button-default{border:1px solid #165dff!important;background:0 0!important;color:#165dff!important}.lottery-detail .lottery-detail-title{font-weight:600;font-size:calc(18px + .5 * (1rem - 16px));position:relative;top:-38px;background:linear-gradient(180deg,#1664ff 12%,#16b9ff 96%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.lottery-detail.regulation.lottery-detail{background:#fff!important}.lottery-detail.regulation .regulation-content{width:100%;height:100%}.lottery-detail.regulation .lottery-detail-header{display:none}.lottery-detail.regulation :global .byte-drawer-content{padding:8px 0 8px;height:400px;border-radius:.12rem .12rem 0 0}.lottery-detail .lottery-detail-checkbox{margin-top:8px;display:block}.lottery-detail .lottery-datail-icon{position:absolute;left:12px;top:8px;cursor:pointer;z-index:1005}.lottery-detail .lottery-detail-icon-close{position:absolute;right:12px;top:8px;cursor:pointer;z-index:1}.lottery-detail .lottery-datail-iframe-container{-webkit-overflow-scrolling:touch;overflow:scroll;height:100%;width:100%}.lottery-detail :global .byte-drawer-footer{text-align:center;padding:20px 28px;font-size:initial}.lottery-detail :global .byte-checkbox-checked .byte-checkbox-mask{background-color:transparent;border-color:transparent}.lottery-detail :global .byte-checkbox-mask::after{border:2px solid var(--primary-color);border-top:0;border-left:0}.lottery-detail.lottery-detail-dark{background:#17171c;box-shadow:0rpx 8rpx 32rpx 0rpx rgba(255,255,255,.8) inset,0rpx -8rpx 32rpx 0rpx;box-shadow:0rpx -8rpx 32rpx 0rpx rgba(0,15,18,.05)}.lottery-detail.lottery-detail-dark .lottery-detail-title{background:linear-gradient(180deg,#1664ff 12%,#9abcff 96%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.lottery-detail.lottery-detail-box{background:linear-gradient(144.95deg,rgba(2,13,34,.95) 1.78%,rgba(36,0,35,.95) 41.68%,rgba(6,0,1,.95) 89.83%);box-shadow:0rpx 8rpx 32rpx 0rpx rgba(255,255,255,.8) inset,0rpx -8rpx 32rpx 0rpx;backdrop-filter:blur(8rpx);box-shadow:none}.lottery-detail.lottery-detail-box .lottery-detail-title{background:linear-gradient(90deg,#a965ff .52%,#ff19a3 52.47%,#ffa551 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.lottery-detail.lottery-detail-box .lottery-detail-button-primary{background:linear-gradient(90deg,#a965ff .52%,#ff19a3 52.47%,#ffa551 100%)!important;border:none}.lottery-detail.lottery-detail-box .lottery-detail-button-default{border:1px solid #ff6dc8!important;background:0 0!important;color:#ff6dc8!important}.lottery-detail.lottery-detail-machine{background:linear-gradient(110.9deg,#fff8ed 1.83%,#fff0e6 81.07%);box-shadow:0rpx 8rpx 32rpx 0rpx rgba(255,255,255,.8) inset,0rpx -8rpx 32rpx 0rpx;box-shadow:0rpx -8rpx 32rpx 0rpx rgba(0,15,18,.05),0rpx 8rpx 32rpx 0rpx rgba(255,255,255,.8) inset}.lottery-detail.lottery-detail-machine .lottery-detail-title{background:linear-gradient(180deg,#ff5420 18.79%,rgba(255,85,38,.7) 83.6%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.lottery-detail.lottery-detail-machine .lottery-detail-button-primary{background:linear-gradient(91.16deg,#ff6767 -.93%,#ff4d00 100%)!important;border:none}.lottery-detail.lottery-detail-machine .lottery-detail-button-default{border:1px solid #ff4d00!important;background:0 0!important;color:#ff4d00!important}
|
||||
@@ -0,0 +1 @@
|
||||
"use strict";Component({options:{styleIsolation:"shared"},properties:{sdkInstance:{type:Object,value:null},IsUseDarkTheme:{type:Boolean,value:null},data:{type:Object,value:null},visible:{type:Boolean,value:null},type:{type:String,value:null}},data:{},lifetimes:{detached:function(){}},observers:{sdkInstance:function(e){e&&(this.store=e.store,this.sdkInstance=e)}},methods:{closeModal:function(){(this.store.get("AwardInfo")||{}).visible&&this.store.set("AwardInfo",{visible:!1,currentId:null})}}});
|
||||
@@ -0,0 +1 @@
|
||||
{"component":true,"usingComponents":{"mp-loading":"weui-miniprogram/loading/loading","mp-icon":"weui-miniprogram/icon/icon","mp-dialog":"weui-miniprogram/dialog/dialog","award-list":"../award-list/award-list"}}
|
||||
@@ -0,0 +1,16 @@
|
||||
<mp-dialog
|
||||
wx:if="{{visible && type === 'list' && data}}"
|
||||
show="{{visible && type === 'list' && data}}"
|
||||
mask="{{true}}"
|
||||
mask-closable="{{true}}"
|
||||
ext-class="lottery-list-dialog{{IsUseDarkTheme ? ' lottery-list-dialog-dark' : ''}}{{data.AwardThemeUrl === 'lotteryBox' ? ' lottery-list-dialog-box' : ''}}{{data.AwardThemeUrl === 'slotMachine' ? ' lottery-list-dialog-machine' : ''}}"
|
||||
bindclose="closeModal"
|
||||
>
|
||||
<image wx:if="{{!IsUseDarkTheme && data.AwardThemeUrl !== 'lotteryBox' && data.AwardThemeUrl !== 'slotMachine'}}" class="lottery-list-dialog-bg" src="../assets/questionaireImage.png" />
|
||||
<mp-icon icon="close" size="{{20}}" class="lottery-list-dialog-close" bindtap="closeModal" color="#939aa3" />
|
||||
<award-list
|
||||
data="{{data}}"
|
||||
IsUseDarkTheme="{{IsUseDarkTheme}}"
|
||||
sdkInstance="{{sdkInstance}}"
|
||||
/>
|
||||
</mp-dialog>
|
||||