修改icon

src/pages/index/index.vue

 <template>
   <view style="background-color: #f3f3f3; height: 100vh">
     <view class="container">
-      <view class="top">
-        <view class="left-icon"></view>
-        <view class="bottom-image">
-          <view class="right-image"></view>
-        </view>
+      <view>
+        <img src="/static/assets/bottom.png" style="width: 750rpx; height: 32rpx" />
+        <img src="/static/assets/bacImg.png" style="width: 750rpx; height: 440rpx" />
+        <img src="/static/assets/right.png" />
       </view>
       <view class="sort">
         <view style="display: flex; flex-direction: row">
           <view class="borderClass">
-            <img src="/static/assets/buildingAgriculture.png" style="width: 48px; height: 48px" />
+            <img src="/static/assets/buildingAgriculture.png" style="width: 96rpx; height: 96rpx" />
             <view class="sort-text">筑农严选</view>
           </view>
           <view class="borderClass">
-            <img src="/static/assets/rural.png" style="width: 48px; height: 48px" />
+            <img src="/static/assets/rural.png" style="width: 96rpx; height: 96rpx" />
             <view class="sort-text">认养农业</view>
           </view>
           <view class="borderClass">
-            <img src="/static/assets/adoption.png" style="width: 48px; height: 48px" />
+            <img src="/static/assets/adoption.png" style="width: 96rpx; height: 96rpx" />
             <view class="sort-text">乡村旅居</view>
           </view>
           <view class="borderClass">
-            <img src="/static/assets/adoption.png" style="width: 48px; height: 48px" />
+            <img src="/static/assets/adoption.png" style="width: 96rpx; height: 96rpx" />
             <view class="sort-text">特色农庄</view>
           </view>
         </view>
@@ -34,15 +33,15 @@
         </view>
         <view style="display: flex; flex-direction: row">
           <view class="detail-border">
-            <img src="/static/assets/detailedMapOne.png" style="width: 108px; height: 88px" />
+            <img src="/static/assets/detailedMapOne.png" style="width: 216rpx; height: 176rpx" />
             <view class="detail-title">干辣椒炒肉</view>
           </view>
           <view class="detail-border">
-            <img src="/static/assets/detailedMapTwo.png" style="width: 108px; height: 88px" />
+            <img src="/static/assets/detailedMapTwo.png" style="width: 216rpx; height: 176rpx" />
             <view class="detail-title">贵阳辣子鸡</view>
           </view>
           <view class="detail-border">
-            <img src="/static/assets/detailedMapThree.png" style="width: 108px; height: 88px" />
+            <img src="/static/assets/detailedMapThree.png" style="width: 216rpx; height: 176rpx" />
             <view class="detail-title">麻辣鱼豆腐</view>
           </view>
         </view>
@@ -56,52 +55,43 @@
 <style lang="scss">
 .container {
   position: relative;
-  left: 0px;
-  top: 0px;
-  width: 375px;
-  height: 220px;
+  left: 0rpx;
+  top: 0rpx;
+  width: 750rpx;
+  height: 440rpx;
   opacity: 1;
-  background-image: url('@/static/assets/矩形 196@1x.png');
 }
 .bottom-image {
   position: relative;
-  left: 0px;
-  top: 204px;
-  width: 375px;
-  height: 16px;
+  top: -40rpx;
+  width: 750rpx;
+  height: 32rpx;
   opacity: 1;
-  background: url('@/static/assets/矩形 198@1x.png');
 }
 .right-image {
+  top: -192rpx;
   float: right;
   position: relative;
-  left: 231px;
-  top: -45px;
-  width: 144px;
-  height: 62px;
-  opacity: 1;
-  background: url('@/static/assets/图层 1@1x.png');
 }
 .sort {
   position: relative;
-  left: 0px;
-  top: 200px;
-  width: 375px;
-  height: 93px;
+  //left: 0rpx;
+  top: 400rpx;
+  width: 750rpx;
+  height: 186rpx;
   opacity: 1;
-  background: url('@/static/assets/矩形 197@1x.png');
 }
 .borderClass {
-  width: 100px;
-  height: 100px;
+  width: 200rpx;
+  height: 200rpx;
   background-color: transparent;
-  margin: 20px;
+  margin: 40rpx;
 }
 .sort-text {
   font-family: Source Han Sans;
-  font-size: 12px;
+  font-size: 24rpx;
   font-weight: 500;
-  line-height: 12px;
+  line-height: 24rpx;
   text-align: center;
   letter-spacing: 0em;
 
@@ -111,26 +101,26 @@
 }
 .product-page {
   position: relative;
-  width: 355px;
-  height: 371px;
-  border-radius: 8px;
+  width: 710rpx;
+  height: 742rpx;
+  border-radius: 16rpx;
   opacity: 1;
   background: #ffffff;
-  top: 210px;
-  left: 10px;
+  top: 420rpx;
+  left: 20rpx;
 }
 .page-title {
   position: relative;
-  left: 10px;
-  top: 10px;
-  width: 56px;
-  height: 14px;
+  left: 20rpx;
+  top: 20rpx;
+  width: 112rpx;
+  height: 28rpx;
   opacity: 1;
 
   font-family: Source Han Sans;
-  font-size: 14px;
+  font-size: 28rpx;
   font-weight: 500;
-  line-height: 14px;
+  line-height: 28rpx;
   text-align: center;
   letter-spacing: 0em;
 
@@ -139,17 +129,17 @@
   color: #3d3d3d;
 }
 .main-img {
-  width: 335px;
-  height: 181px;
-  border-radius: 8px;
+  width: 670rpx;
+  height: 362rpx;
+  border-radius: 16rpx;
   opacity: 1;
-  margin-top: 20px;
+  margin-top: 40rpx;
 }
 .detail-title {
   font-family: Source Han Sans;
-  font-size: 12px;
+  font-size: 24rpx;
   font-weight: 500;
-  line-height: 14px;
+  line-height: 28rpx;
   letter-spacing: 0em;
 
   font-variation-settings: 'opsz' auto;