53 lines
894 B
Vue
53 lines
894 B
Vue
<template>
|
|
<view class="content">
|
|
<u-button icon="plus" text="新增规格" class="custom-style" iconColor='#38BE41'></u-button>
|
|
|
|
<view class="card">
|
|
<view class="card-head">
|
|
规格1
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
</script>
|
|
|
|
<style lang='scss'>
|
|
.custom-style {
|
|
color: $uni-newTheme-color;
|
|
height: 104rpx;
|
|
}
|
|
|
|
.content {
|
|
box-sizing: border-box;
|
|
padding: 30rpx;
|
|
background-color: #F1F1F1;
|
|
min-height: 100vh;
|
|
position: relative;
|
|
font-size: 28rpx;
|
|
font-family: PingFangFamily;
|
|
|
|
.card {
|
|
margin-top: 30rpx;
|
|
padding: 30rpx 46rpx;
|
|
background-color: white;
|
|
border-radius: 16rpx 16rpx 16rpx 16rpx;
|
|
box-shadow: 0rpx 6rpx 12rpx 2rpx rgba(0, 0, 0, 0.16);
|
|
|
|
}
|
|
|
|
|
|
.card-head::after {
|
|
content: '';
|
|
position: absolute;
|
|
font-size: 32rpx;
|
|
left: 10rpx;
|
|
width: 2rpx;
|
|
height: 32rpx;
|
|
background-color: red;
|
|
}
|
|
|
|
}
|
|
</style> |