odjbin/pupil
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

分类页调整

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

13
packageSearch/goods-category-search/category-index.vue
View File

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

42
pages/ideasAndNeeds/ideasAndNeeds.vue
View File

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