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

42
pages/ideasAndNeeds/ideasAndNeeds.vue
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;
}