分类页调整

This commit is contained in:
”chenxuelian“
2022-12-19 10:01:18 +08:00
parent fcd4671ec4
commit d865f88d92
2 changed files with 38 additions and 17 deletions

View File

@@ -564,7 +564,7 @@
font-size: 32rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #14CA65;
color: #343434;
line-height: 40rpx;
}
}
@@ -577,6 +577,13 @@
background: #fff;
border: 2rpx solid #fff;
border-radius: 25% 0 0 0;
.title {
font-size: 32rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #14CA65;
line-height: 40rpx;
}
}
.u-tab-item-active::before {
@@ -611,7 +618,7 @@
;
.category-tag {
margin-right: 10rpx;
margin-right: 15rpx;
width: fit-content;
display: inline-flex;
}
@@ -824,7 +831,7 @@
}
.category-tag {
margin-right: 10rpx;
margin-right: 17rpx;
margin-bottom: 20rpx;
width: fit-content;
height: fit-content;

View File

@@ -12,9 +12,11 @@
placeholder-style="color:#CCCCCC" />
</u-form-item>
<u-form-item label="城市">
<u-input v-model="needsPublishForm.city" :border="false" placeholder="请选择所在城市"
placeholder-style="color:#CCCCCC" suffixIcon="arrow-right" suffixIconStyle="color: #969696"
@focus="showCityPicker = true" @tap="showCityPicker = true" />
<view class="select-view" @tap="showCityPicker = true">
<text v-if="needsPublishForm.city">{{needsPublishForm.city}}</text>
<text v-else style="color:#CCCCCC;">请选择所在城市</text>
<u-icon name="arrow-right" color="#969696" size="14"></u-icon>
</view>
<cityPicker :show-picker="showCityPicker" @cancel="showCityPicker = false" @confirm="getCityValue">
</cityPicker>
</u-form-item>
@@ -27,26 +29,30 @@
placeholder-style="color:#CCCCCC" />
</u-form-item>
<u-form-item label="分类" borderBottom>
<u-input v-model="needsPublishForm.productCategory" :border="false" placeholder="请选择分类"
placeholder-style="color:#CCCCCC" suffixIcon="arrow-right" suffixIconStyle="color: #969696"
@focus="showCategoryPicker = true" @click="showCategoryPicker = true" />
<!-- <u-select v-model="showProductPicker" :list="productPickerList"></u-select> -->
<view class="select-view" @tap="showCategoryPicker = true">
<text v-if="needsPublishForm.productCategory">{{needsPublishForm.productCategory}}</text>
<text v-else style="color:#CCCCCC;">请选择分类</text>
<u-icon name="arrow-right" color="#969696" size="14"></u-icon>
</view>
<u-picker :show="showCategoryPicker" :columns="categoryPickerList"
@cancel="showCategoryPicker = false" @confirm="getCategoryValue"></u-picker>
</u-form-item>
</view>
<u-form-item label="产品" borderBottom>
<u-input v-model="needsPublishForm.product" :border="false" placeholder="请选择产品类型"
placeholder-style="color:#CCCCCC" suffixIcon="arrow-right" suffixIconStyle="color: #969696"
@focus="showProductPicker = true" @click="showProductPicker = true" />
<!-- <u-select v-model="showProductPicker" :list="productPickerList"></u-select> -->
<view class="select-view" @tap="showProductPicker = true">
<text v-if="needsPublishForm.product">{{needsPublishForm.product}}</text>
<text v-else style="color:#CCCCCC;">请选择产品类型</text>
<u-icon name="arrow-right" color="#969696" size="14"></u-icon>
</view>
<u-picker :show="showProductPicker" :columns="productPickerList" @cancel="showProductPicker = false"
@confirm="getProductValue"></u-picker>
</u-form-item>
<u-form-item label="定位" borderBottom>
<u-input v-model="needsPublishForm.position" :border="false" placeholder="请选择产品定位"
placeholder-style="color:#CCCCCC" suffixIcon="arrow-right" suffixIconStyle="color: #969696"
@focus="showPositionPicker = true" @click="showPositionPicker = true" />
<view class="select-view" @tap="showPositionPicker = true">
<text v-if="needsPublishForm.position">{{needsPublishForm.position}}</text>
<text v-else style="color:#CCCCCC;">请选择产品定位</text>
<u-icon name="arrow-right" color="#969696" size="14"></u-icon>
</view>
<u-picker :show=showPositionPicker :columns="positionPickerList"
@cancel="showPositionPicker = false" @confirm="getPositionValue"></u-picker>
</u-form-item>
@@ -233,6 +239,14 @@
margin-bottom: 10rpx;
}
.select-view {
display: flex;
align-items: center;
justify-content: space-between;
padding: 14rpx 18rpx;
font-size: 30rpx;
}
/deep/.u-form-item__body__left__content__label {
font-size: 32rpx !important;
}