wuchao
/
uniapp-h5
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

给字段添加校验

This commit is contained in:
zhouxinyu1029 2026-01-20 10:55:38 +08:00
parent c912eeeb85
commit 60998393c6
1 changed files with 39 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
src/pages/ycnc/components/brand.vue
View File

@ -1,42 +1,52 @@
<template>
<scroll-view scroll-y class="pro-container box-border" :style="{backgroundImage: 'url('+config[brandName]?.src+')',height:`${config[brandName].height}rpx`}">
<scroll-view
scroll-y
class="pro-container box-border"
:style="{
backgroundImage: 'url(' + config[brandName]?.src + ')',
height: `${config[brandName]?.height}rpx`,
}"
>
<view class="pro-wrapper flex flex-wrap">
<view v-for="(item,index) in products" :key="index" class="product-container">
<ProductItem :detail="item" :index="index"/>
<view
v-for="(item, index) in products"
:key="index"
class="product-container"
>
<ProductItem :detail="item" :index="index" />
</view>
</view>
</scroll-view>
</template>
<script setup>
import ProductItem from './product-item'
import config from '../config'
const props = defineProps({
products:{
type:Array,
required: true,
default:() => ([])
},
brandName:{
type:String,
required:true,
default:''
}
})
import ProductItem from "./product-item";
import config from "../config";
const props = defineProps({
products: {
type: Array,
required: true,
default: () => [],
},
brandName: {
type: String,
required: true,
default: "",
},
});
</script>
<style lang="scss" scoped>
.pro-container{
width:780rpx;
.pro-container {
width: 780rpx;
padding: 136rpx 60rpx 72rpx;
// margin-bottom: -24rpx;
background-repeat: no-repeat;
background-size: contain;
overflow-y: auto;
}
.pro-wrapper{
.product-container{
.pro-wrapper {
.product-container {
width: calc((100% - 40rpx) / 3);
margin-right: 20rpx;
margin-bottom: 20rpx;
@ -45,15 +55,15 @@
// margin-right:0 !important;
// }
view:nth-child(3n) {
margin-right:0 !important;
margin-right: 0 !important;
}
// view:nth-child(3n+1):nth-last-child(-n+3) > .pro-item-wrapper,
// view:nth-child(3n+1):nth-last-child(-n+3)~view > .pro-item-wrapper{
// view:nth-child(3n+1):nth-last-child(-n+3)~view > .pro-item-wrapper{
// margin-bottom: 0 !important;
// }
view:nth-child(3n+1):nth-last-child(-n+3),
view:nth-child(3n+1):nth-last-child(-n+3)~view{
// }
view:nth-child(3n + 1):nth-last-child(-n + 3),
view:nth-child(3n + 1):nth-last-child(-n + 3) ~ view {
margin-bottom: 0 !important;
}
}
}
</style>
</style>