空状态补充-字体补充-优惠券样式bug

src/assets/iconfont/font.css

+
+@font-face {
+    font-family: "优设标题黑";
+    src: url('./优设标题黑.ttf');
+    font-weight: normal;
+    font-style: normal;
+}
\ No newline at end of file

src/main.ts

@@ -4,6 +4,8 @@ import store from './store';
 import '@/assets/iconfont/iconfont.css'; // 引入自定义图标样式文件
 import Vconsole from 'vconsole';
 import './styles/flex.scss';
+// 字体
+import '@/assets/iconfont/font.css';
 export function createApp() {
   const app = createSSRApp(App);
   const vConsole = new Vconsole();

src/pages/index/foodClassification.vue

@@ -4,7 +4,8 @@
     <view class="top">
       <!-- 搜索 -->
       <Search @toSearch="toSearch">
-        <image class="food" :src="pics" mode="widthFix" />
+        <text class="title-icon">{{ categoryNames }}</text>
+        <!-- <image class="food" :src="pics" mode="widthFix" /> -->
       </Search>
       <!-- 类别选择 -->
       <scroll-view
@@ -96,6 +97,7 @@
       <Sort v-show="rotate3" @sortParams="sortParams" />
     </view>
     <FoodDetails :cardData="cardData" />
+    <wd-status-tip v-if="cardData.length === 0" image="content" tip="暂无内容" />
     <view
       style="width: 100%; text-align: center; font-size: 24rpx; margin-top: 10rpx; color: #888989"
       v-if="params.isEnd"
@@ -345,6 +347,12 @@ page {
     min-height: 420rpx;
     border-radius: 0rpx 0rpx 0rpx 0rpx;
     overflow: hidden;
+    .title-icon {
+      font-family: '优设标题黑';
+      font-size: 24 * 2rpx;
+      margin-left: 30rpx;
+      color: #ffffff;
+    }
     .food {
       width: 178rpx;
       height: 45rpx;

src/pages/shop/shop.vue

@@ -82,7 +82,6 @@
         </view>
       </view>
       <!-- 店铺信息-end -->
-      <view class="shop-info-box"></view>
       <!-- 补贴 -->
       <view class="subsidy-content" @click="jumpPage">
         <view class="subsidy">
@@ -815,15 +814,10 @@ page {
   .content {
     width: 750rpx;
     position: relative;
-    // 商家信息
-    .shop-info-box {
-      height: 146 * 2rpx;
-      height: 116 * 2rpx;
-    }
     .shop-info {
       width: 750rpx;
       background-color: #fdfdfd;
-      position: absolute;
+      position: relative;
       top: -80rpx;
       border-radius: 16rpx 16rpx 0rpx 0rpx;
       display: flex;
@@ -957,6 +951,9 @@ page {
       padding: 10rpx 40rpx 14rpx 12rpx;
       background: #ffefee;
       margin-top: 16rpx;
+      flex-shrink: 0;
+      top: -80rpx;
+      position: relative;
       box-shadow: 0rpx 2 * 2rpx 10 * 2rpx 0 * 2rpx rgba(226, 3, 3, 0.08);
       .subsidy {
         width: 144 * 2rpx;
@@ -997,6 +994,8 @@ page {
       border-radius: 8 * 2rpx;
       background: #ffffff;
       display: flex;
+      position: relative;
+      top: -80rpx;
       flex-direction: column;
       box-sizing: border-box;
       padding: 20rpx;
@@ -1054,6 +1053,9 @@ page {
       padding: 20rpx 40rpx;
       background: #fdfdfd;
       margin-top: 20rpx;
+      position: relative;
+
+      top: -80rpx;
       .title {
         display: flex;
         align-items: center;
@@ -1181,6 +1183,8 @@ page {
       box-sizing: border-box;
       padding: 11 * 2rpx;
       margin-top: 10rpx;
+      position: relative;
+      top: -80rpx;
       .useer-reviews-title {
         width: 100%;
         display: flex;
@@ -1313,6 +1317,8 @@ page {
       box-sizing: border-box;
       padding: 20rpx;
       margin-top: 10rpx;
+      position: relative;
+      top: -80rpx;
       .title {
         font-size: 13 * 2rpx;
         font-weight: bold;