| | |
| | | </template> |
| | | |
| | | <script> |
| | | import UForm from '@/uview-components/uview-ui/components/u-form/u-form.vue'; |
| | | import UFormItem from '@/uview-components/uview-ui/components/u-form-item/u-form-item.vue'; |
| | | import UInput from '@/uview-components/uview-ui/components/u-input/u-input.vue'; |
| | | import UUpload from '@/uview-components/uview-ui/components/u-upload/u-upload.vue'; |
| | | import UCheckboxGroup from '@/uview-components/uview-ui/components/u-checkbox-group/u-checkbox-group.vue'; |
| | | import UCheckbox from '@/uview-components/uview-ui/components/u-checkbox/u-checkbox.vue'; |
| | | import UIcon from '@/uview-components/uview-ui/components/u-icon/u-icon.vue'; |
| | | import UActionSheet from '@/uview-components/uview-ui/components/u-action-sheet/u-action-sheet.vue'; |
| | | |
| | | |
| | | import storage from "@/utils/storage.js"; |
| | | export default { |
| | | components: { UForm, UFormItem, UInput, UUpload, UCheckboxGroup, UCheckbox, UIcon, UActionSheet }, |
| | | data() { |
| | | return { |
| | | storage, |
| | | form: {} |
| | | } |
| | | }, |
| | |
| | | <view :border="!formData.waterfall" class="uni-list-item--waterfall" title="自定义商品列表" |
| | | v-for="item in data" :key="item.id" @click="addGoods(item.id)"> |
| | | <!-- 通过header插槽定义列表左侧图片 --> |
| | | <template v-slot:header> |
| | | |
| | | <view class="uni-thumb shop-picture" :class="{ 'shop-picture-column': formData.waterfall }"> |
| | | <image :src="item.goods_thumb" mode="aspectFill"></image> |
| | | </view> |
| | | </template> |
| | | <template v-slot:body> |
| | | <view class="shop"> |
| | | <view> |
| | | <view class="uni-title"> |
| | |
| | | </view> |
| | | </view> |
| | | </view> |
| | | </template> |
| | | <!-- 通过body插槽定义商品布局 --> |
| | | |
| | | </view> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | |
| | | import UIcon from '@/uview-components/uview-ui/components/u-icon/u-icon.vue'; |
| | | export default { |
| | | components: {}, |
| | | components: { UIcon }, |
| | | data() { |
| | | return { |
| | | formData: { |