feat(home/mall): 商城页面

src/assets/svgs/phone.svg

@@ -1,6 +1,4 @@
-<svg width="85" height="32" viewBox="0 0 85 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="68.8529" cy="15.8529" r="15.8529" fill="#F2F2F2"/>
-<path d="M76.3275 15.0873C73.688 15.0873 71.1773 16.1131 69.4207 17.8994V12.001H71.1773C71.3245 12.001 71.4716 11.9479 71.5728 11.8595C71.6831 11.7622 71.7475 11.6296 71.7475 11.4969C71.7475 11.3908 71.7107 11.2847 71.6464 11.1963L68.7402 7.46448C68.6574 7.34952 68.5103 7.26993 68.3631 7.25224C68.216 7.23456 68.0504 7.26109 67.9309 7.34952C67.8757 7.37605 67.8297 7.42911 67.8021 7.46448L64.8775 11.1963C64.7028 11.435 64.758 11.7446 65.0155 11.9126C65.1167 11.9833 65.227 12.0099 65.3466 12.001H67.1032V23.3114H69.4023C69.4207 21.6577 70.1657 20.0748 71.4624 18.9163C72.7592 17.7579 74.5158 17.1123 76.3275 17.1389C76.9529 17.1389 77.4587 16.679 77.4587 16.1042C77.4587 15.5294 76.9529 15.0873 76.3275 15.0873Z" fill="black"/>
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <circle cx="15.8529" cy="15.8529" r="15.8529" fill="#F2F2F2"/>
 <path d="M15.2791 17.2874C14.0119 16.0203 12.8353 14.5721 13.3784 14.029C14.2382 13.1692 14.9623 12.6714 13.5141 10.8611C12.0659 9.05092 11.0703 10.4086 10.301 11.2232C9.39586 12.1283 10.2557 15.5677 13.6499 18.9619C17.0441 22.3561 20.4382 23.2159 21.3886 22.3108C22.2032 21.4962 23.5609 20.5459 21.7506 19.0977C19.9404 17.6495 19.4426 18.3736 18.628 19.1882C17.9944 19.7313 16.5463 18.5093 15.2791 17.2874Z" fill="black"/>
 </svg>

src/assets/svgs/route.svg

@@ -1,6 +1,4 @@
-<svg width="85" height="32" viewBox="0 0 85 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="68.8529" cy="15.8529" r="15.8529" fill="#F2F2F2"/>
-<path d="M76.3275 15.0873C73.688 15.0873 71.1773 16.1131 69.4207 17.8994V12.001H71.1773C71.3245 12.001 71.4716 11.9479 71.5728 11.8595C71.6831 11.7622 71.7475 11.6296 71.7475 11.4969C71.7475 11.3908 71.7107 11.2847 71.6464 11.1963L68.7402 7.46448C68.6574 7.34952 68.5103 7.26993 68.3631 7.25224C68.216 7.23456 68.0504 7.26109 67.9309 7.34952C67.8757 7.37605 67.8297 7.42911 67.8021 7.46448L64.8775 11.1963C64.7028 11.435 64.758 11.7446 65.0155 11.9126C65.1167 11.9833 65.227 12.0099 65.3466 12.001H67.1032V23.3114H69.4023C69.4207 21.6577 70.1657 20.0748 71.4624 18.9163C72.7592 17.7579 74.5158 17.1123 76.3275 17.1389C76.9529 17.1389 77.4587 16.679 77.4587 16.1042C77.4587 15.5294 76.9529 15.0873 76.3275 15.0873Z" fill="black"/>
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <circle cx="15.8529" cy="15.8529" r="15.8529" fill="#F2F2F2"/>
-<path d="M15.2791 17.2874C14.0119 16.0203 12.8353 14.5721 13.3784 14.029C14.2382 13.1692 14.9623 12.6714 13.5141 10.8611C12.0659 9.05092 11.0703 10.4086 10.301 11.2232C9.39586 12.1283 10.2557 15.5677 13.6499 18.9619C17.0441 22.3561 20.4382 23.2159 21.3886 22.3108C22.2032 21.4962 23.5609 20.5459 21.7506 19.0977C19.9404 17.6495 19.4426 18.3736 18.628 19.1882C17.9944 19.7313 16.5463 18.5093 15.2791 17.2874Z" fill="black"/>
+<path d="M23.3275 15.0873C20.688 15.0873 18.1773 16.1131 16.4207 17.8994V12.001H18.1773C18.3245 12.001 18.4716 11.9479 18.5728 11.8595C18.6831 11.7622 18.7475 11.6296 18.7475 11.4969C18.7475 11.3908 18.7107 11.2847 18.6464 11.1963L15.7402 7.46448C15.6574 7.34952 15.5103 7.26993 15.3631 7.25224C15.216 7.23456 15.0504 7.26109 14.9309 7.34952C14.8757 7.37605 14.8297 7.42911 14.8021 7.46448L11.8775 11.1963C11.7028 11.435 11.758 11.7446 12.0155 11.9126C12.1167 11.9833 12.227 12.0099 12.3466 12.001H14.1032V23.3114H16.4023C16.4207 21.6577 17.1657 20.0748 18.4624 18.9163C19.7592 17.7579 21.5158 17.1123 23.3275 17.1389C23.9529 17.1389 24.4587 16.679 24.4587 16.1042C24.4587 15.5294 23.9529 15.0873 23.3275 15.0873Z" fill="black"/>
 </svg>

src/pages/home/mall/index.vue

@@ -7,10 +7,40 @@
 }
 </route>
 
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import TiltedButton from '@/components/tilted-button.vue'
+
+const data = ref(['https://via.placeholder.com/347x128'])
+</script>
 
 <template>
-  <view></view>
+  <view class="bg-white flex-grow px-3.5">
+    <wd-swiper :list="data" autoplay height="128px"></wd-swiper>
+    <div class="bg-black rounded-2xl pt-11 my-6">
+      <div class="bg-white rounded-2xl shadow p-3.5"></div>
+    </div>
+    <div class="inline-flex gap-2">
+      <wd-button type="primary" size="small">GELATO专区</wd-button>
+      <wd-button plain size="small">设计周边</wd-button>
+    </div>
+    <div class="h-16">
+      <div class="fixed bottom-0 left-0 right-0">
+        <div class="h-16 flex items-center justify-around">
+          <div><wd-button type="icon" icon="cart" size="small"></wd-button></div>
+          <div>
+            <TiltedButton custom-class="text-center">
+              <span>购物车</span>
+              <span
+                class="w-20 h-[22px] text-white text-sm font-normal font-['PingFang SC'] leading-tight"
+              >
+                （已选2件）
+              </span>
+            </TiltedButton>
+          </div>
+        </div>
+      </div>
+    </div>
+  </view>
 </template>
 
 <style scoped lang="scss"></style>

src/pages/publish/cases/index.vue

@@ -34,7 +34,12 @@ const handleChange = (e: any) => {
       :action="action"
       @change="handleChange"
     ></wd-upload>
-    <SectionHeading title="标签" custom-class="my-6" size="base"></SectionHeading>
+    <SectionHeading
+      title="标签"
+      custom-class="my-6"
+      size="base"
+      path="/pages/publish/tags/index"
+    ></SectionHeading>
     <div class="flex-1"></div>
     <div class="w-full">
       <wd-button type="primary" :round="false" block>发布</wd-button>