feat: 电子药箱小程序 - 4Tab药品管理
- 电子药箱: 药品库存管理 + 手动录入 + 今日用药打卡 - 药品百科: 搜索 + 分类筛选 + 20种药品静态数据 - 惠教中心: 4条药品使用指南课程 - 我的: 家庭成员信息管理 - 自定义TabBar + navigation-bar组件 - SVG药品分类插图
This commit is contained in:
+1
File diff suppressed because one or more lines are too long
+1
@@ -0,0 +1 @@
|
||||
{"component":true,"usingComponents":{"mp-dialog":"../../pubComponents/dialog/dialog"}}
|
||||
+18
@@ -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>
|
||||
+1
@@ -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)}
|
||||
Reference in New Issue
Block a user