陈誉午
994b267f5c
- 电子药箱: 药品库存管理 + 手动录入 + 今日用药打卡 - 药品百科: 搜索 + 分类筛选 + 20种药品静态数据 - 惠教中心: 4条药品使用指南课程 - 我的: 家庭成员信息管理 - 自定义TabBar + navigation-bar组件 - SVG药品分类插图
43 lines
958 B
SCSS
43 lines
958 B
SCSS
/* components/sku-item/sku-item.wxss */
|
|
@import "variables";
|
|
|
|
.item {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
height: 60rpx;
|
|
margin: 0rpx $primary-gap $primary-gap $primary-gap;
|
|
background-color: rgba(0, 0, 0, 0.05);
|
|
border-radius: $primary-border-radius/2;
|
|
border: 2rpx solid rgba(255, 255, 255, 0); //给一个透明的边框，不然选中会有一个2rpx的左右边框，宽度会有变化
|
|
|
|
.img {
|
|
width: 60rpx;
|
|
height: 60rpx;
|
|
margin-right: $primary-gap/2;
|
|
border-radius: 10rpx;
|
|
overflow: hidden;
|
|
|
|
.pic {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
|
|
.content {
|
|
padding: 0 $primary-gap/2;
|
|
font-size: $large-font-size;
|
|
line-height: 60rpx;
|
|
}
|
|
}
|
|
|
|
.item-active {
|
|
color: $primary-color;
|
|
border: 2rpx solid $primary-color;
|
|
background-color: #ffddcb50;
|
|
}
|
|
|
|
.item-disable {
|
|
color: $gray-color !important;
|
|
border: 2rpx solid rgba(255, 255, 255, 0);
|
|
background-color: rgba(0, 0, 0, 0.05);
|
|
} |