55 lines
1.4 KiB
Vue
55 lines
1.4 KiB
Vue
<template>
|
|
<view class="guige">
|
|
<view class="title">
|
|
选择尺码
|
|
</view>
|
|
<view class="item">
|
|
<text>均码</text>
|
|
<text :class="select == 1 ? 'xuanzhong' : ''">S</text>
|
|
<text>M</text>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
<style lang="scss" scoped>
|
|
.guige{
|
|
margin-top: 30rpx;
|
|
padding-bottom: 30rpx;
|
|
border-bottom: #ececec solid 2rpx;
|
|
.title{
|
|
font-size: 28rpx;
|
|
color: #333;
|
|
margin-bottom: 29rpx;
|
|
|
|
}
|
|
.item{
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
>text{
|
|
min-width: 120rpx;
|
|
height: 60rpx;
|
|
background-color: #ececec;
|
|
color: #999;
|
|
text-align: center;
|
|
line-height: 60rpx;
|
|
box-sizing: border-box;
|
|
border-radius: 6rpx;
|
|
margin-right: 26rpx;
|
|
}
|
|
.xuanzhong{
|
|
border: #ff780f 1rpx solid;
|
|
color: #FF780F;
|
|
background-color: #FFF1E6;
|
|
}
|
|
}
|
|
}
|
|
</style>
|
|
<script>
|
|
export default {
|
|
name:"guige",
|
|
data(){
|
|
return {
|
|
select:true
|
|
}
|
|
}
|
|
}
|
|
</script> |