feat: 电子药箱小程序 - 4Tab药品管理
- 电子药箱: 药品库存管理 + 手动录入 + 今日用药打卡 - 药品百科: 搜索 + 分类筛选 + 20种药品静态数据 - 惠教中心: 4条药品使用指南课程 - 我的: 家庭成员信息管理 - 自定义TabBar + navigation-bar组件 - SVG药品分类插图
This commit is contained in:
陈誉午
+1
@@ -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})}}});
|
||||
+1
@@ -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"}}
|
||||
+44
@@ -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>
|
||||
+1
@@ -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}
|
||||
Reference in New Issue
Block a user