css

pages/index/index.vue

@@ -3,7 +3,7 @@
         <drag-button-follow follow="left,right" className="drag-button" class="drag-button" :url="kfurl"></drag-button-follow>
         <view class="header " :class="{ fixedtop: scrollTop > 45 }">
             <view class="search-topb row bothSide ">
-                <image src="../../static/logosmall.png"></image>
+                <image src="../../static/logosmall.png" mode="aspectFill"></image>
                 <navigator class="searchinput row" url="/search">
                     <text class="icon iconfont icon-search seartext"></text>
                     <input />
@@ -66,18 +66,18 @@
                     <view class="hztips">海外千万元物料 一站式现货采购</view>
                 </view>
             </view>
-            <view class="brand-con row bothSide" v-show="brandact == 1">
-                <a :href="item.url" v-for="(item, index) in obj.h5_home_original_supply" :key="index"><image :src="item.images"></image></a>
+            <view class="brand-con" v-show="brandact == 1">
+                <a :href="item.url" v-for="(item, index) in obj.h5_home_original_supply" :key="index"><image :src="item.images" mode="aspectFill"></image></a>
             </view>
-            <view class="brand-con row bothSide brand-conxh" v-show="brandact != 1">
-                <a :href="item.url" v-for="(item, index) in obj.h5_home_oversea_goods" :key="index"><image :src="item.images"></image></a>
+            <view class="brand-con brand-conxh" v-show="brandact != 1">
+                <a :href="item.url" v-for="(item, index) in obj.h5_home_oversea_goods" :key="index"><image :src="item.images" mode="aspectFill"></image></a>
             </view>
         </view>
         <view class="goods-box">
             <view class="titg">精选物料</view>
             <scroll-view class="goods-con" scroll-x="true">
                 <a :href="'/#/item/' + item.goods_id" class="goods-item" v-for="(item, index) in obj.h5_home_choice_goods" :key="index">
-                    <image :src="item.goods_images"></image>
+                    <image :src="item.goods_images" mode="aspectFill"></image>
                     <view class="xhg elep">{{ item.goods_name }}</view>
                     <view class="ppg elep">
                         品牌:
@@ -93,13 +93,13 @@
         <view class="fwbox">
             <view class="fwinfo">
                 <view class="tiiw">
-                    <image src="https://img.ichunt.com/images/ichunt/202304/05/57ea7022c4120d275183e00bdf86e97e.png"></image>
+                    <image src="https://img.ichunt.com/images/ichunt/202304/05/57ea7022c4120d275183e00bdf86e97e.png" mode="aspectFill"></image>
                     猎芯网的服务保障
                 </view>
                 <view class="finfocon">每一颗电了物料都将通过猎芯网严格的质量检测，我们将有效把控供应链源头质量，为客户稳定生产保驾护航。成为值得信赖的电子供应链技术与服务提供商。</view>
                 <view class="rzbox row bothSide">
                     <view class="rzitem" v-for="(item, index) in obj.h5_home_qualifications" :key="index" v-if="index < 3">
-                        <image :src="item.images"></image>
+                        <image :src="item.images" mode="aspectFill"></image>
                         <text>{{ item.title }}</text>
                     </view>
                 </view>
@@ -108,7 +108,7 @@
                 <view class="videobox">
                     <view class="tiib">
                         {{ item.title }}
-                        <image src="https://img.ichunt.com/images/ichunt/202304/05/870dc360521d97062018c93afb40130e.png"></image>
+                        <image src="https://img.ichunt.com/images/ichunt/202304/05/870dc360521d97062018c93afb40130e.png" mode="aspectFill"></image>
                     </view>
                 </view>
                 <view class="videoval"><video object-fit="fill" :src="item.images"></video></view>
@@ -125,7 +125,7 @@
                             <view class="titnew elep2">{{ item1.title }}</view>
                             <view class="tittips elep2">{{ item1.description }}</view>
                         </view>
-                        <image :src="item1.litpic"></image>
+                        <image :src="item1.litpic" mode="aspectFill"></image>
                     </view>
                     <view class="newitembottom row bothSide">
                         <view class="tagbox row">