陈誉午
994b267f5c
- 电子药箱: 药品库存管理 + 手动录入 + 今日用药打卡 - 药品百科: 搜索 + 分类筛选 + 20种药品静态数据 - 惠教中心: 4条药品使用指南课程 - 我的: 家庭成员信息管理 - 自定义TabBar + navigation-bar组件 - SVG药品分类插图
93 lines
2.1 KiB
SCSS
93 lines
2.1 KiB
SCSS
/* components/location-item/location-item.wxss */
|
|
@import "variables";
|
|
|
|
.item {
|
|
display: flex;
|
|
border-radius: $primary-border-radius;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
background: white;
|
|
margin-bottom: $primary-border-radius;
|
|
min-height: 180rpx;
|
|
padding: $primary-gap;
|
|
|
|
.info {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
|
|
.location {
|
|
height: 60rpx;
|
|
line-height: 60rpx;
|
|
color: $gray-color;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
// align-items: center;
|
|
|
|
.delete {
|
|
width: $primary-gap * 1.3;
|
|
height: $primary-gap * 1.3;
|
|
|
|
image {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
}
|
|
|
|
.address {
|
|
// height: 70rpx;
|
|
line-height: 70rpx;
|
|
font-size: $large-font-size;
|
|
font-weight: 600;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
|
|
// align-items: center;
|
|
.address-info {
|
|
max-width: 600rpx;
|
|
}
|
|
|
|
.edit {
|
|
width: $primary-gap * 1.5;
|
|
height: $primary-gap * 1.5;
|
|
line-height: 85rpx;
|
|
}
|
|
}
|
|
|
|
.footer {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
|
|
.user {
|
|
height: 60rpx;
|
|
display: flex;
|
|
flex-direction: row;
|
|
line-height: 60rpx;
|
|
|
|
.phone {
|
|
margin-left: $primary-gap;
|
|
}
|
|
}
|
|
|
|
.default-address {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: $primary-gap;
|
|
|
|
.default-item {
|
|
line-height: 60rpx;
|
|
color: $primary-color;
|
|
}
|
|
|
|
.switch {
|
|
margin-top: 6rpx;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
} |