陈誉午
994b267f5c
- 电子药箱: 药品库存管理 + 手动录入 + 今日用药打卡 - 药品百科: 搜索 + 分类筛选 + 20种药品静态数据 - 惠教中心: 4条药品使用指南课程 - 我的: 家庭成员信息管理 - 自定义TabBar + navigation-bar组件 - SVG药品分类插图
1 line
2.2 KiB
Plaintext
1 line
2.2 KiB
Plaintext
.v-btn{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:4px;font-weight:400;transition:all .2s;overflow:hidden}.v-btn--44{height:calc(44px + .5 * (1rem - 16px));font-size:calc(16px + .5 * (1rem - 16px));padding:0 16px}.v-btn--36{height:calc(36px + .5 * (1rem - 16px));font-size:calc(14px + .5 * (1rem - 16px));padding:0 16px}.v-btn--28{height:calc(28px + .5 * (1rem - 16px));font-size:calc(12px + .5 * (1rem - 16px));padding:0 12px}.v-btn--24{height:calc(24px + .5 * (1rem - 16px));font-size:calc(12px + .5 * (1rem - 16px));padding:0 8px}.v-btn--primary{background-color:#f53f3f;color:#fff;border:none}.v-btn--primary.v-btn--disabled{opacity:.5}.v-btn--primary.v-btn--active-primary{background-color:#d93535}.v-btn--primary.v-btn--loading{opacity:.8}.v-btn--secondary{background-color:#ffece8;color:#f53f3f;border:none}.v-btn--secondary.v-btn--disabled{background-color:#ffece8;color:rgba(245,63,63,.5);opacity:1}.v-btn--secondary.v-btn--active-secondary{background-color:#ffdcdc}.v-btn--secondary.v-btn--loading{color:transparent}.v-btn--secondary.v-btn--loading .v-btn__loading-icon{border-color:#f53f3f;border-top-color:transparent}.v-btn--normal{background-color:#f2f3f5;color:#1d2129;border:none}.v-btn--normal.v-btn--disabled{background-color:#f2f3f5;color:rgba(29,33,41,.5);opacity:1}.v-btn--normal.v-btn--active-normal{background-color:#e5e6eb}.v-btn--normal.v-btn--loading{color:transparent}.v-btn--normal.v-btn--loading .v-btn__loading-icon{border-color:#1d2129;border-top-color:transparent}.v-btn--outline{background-color:#fff;color:#1d2129;border:1px solid #c9cdd4}.v-btn--outline.v-btn--disabled{background-color:#fff;color:rgba(29,33,41,.5);border-color:#e5e6eb;opacity:1}.v-btn--outline.v-btn--active-outline{background-color:#f2f3f5;border-color:#c9cdd4}.v-btn--outline.v-btn--loading{color:transparent}.v-btn--outline.v-btn--loading .v-btn__loading-icon{border-color:#1d2129;border-top-color:transparent}.v-btn__loading-icon{width:1em;height:1em;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:v-btn-spin 1s linear infinite}@keyframes v-btn-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}} |