样式修改

src/pages/assistingAgriculture/RouteDetails/RouteDetails.vue

@@ -20,10 +20,10 @@
             <p class="t2">月销{{ prodData.monthSoldNum }}份</p>
           </div>
           <div class="name">{{ prodData.prodName }}</div>
-          <div class="tags flex-align-center">
+          <!-- <div class="tags flex-align-center">
             <p>无购物</p>
             <p>无自费</p>
-          </div>
+          </div> -->
         </div>
         <!-- 保障 -->
         <!-- <div class="guarantee">
@@ -357,7 +357,11 @@ const getPriceListFn = (mealId) => {
 };
 // 行程
 const itineraryData = ref([]);
+/* shopId:1821388624367861761
+prodId:43835 */
 onLoad(({ shopId, prodId }) => {
+  // const shopId = 1821388624367861761n;
+  // const prodId = 43835;
   getProd({
     prodId,
   }).then((res) => {
@@ -605,16 +609,17 @@ uni-page-body {
         margin-top: 20rpx;
         display: grid;
         gap: 40rpx;
-        grid-template-columns: 1fr 1fr;
+        grid-template-columns: 1fr 1fr 1fr 1fr;
+        overflow-x: scroll;
         .package-item {
           border-radius: 16rpx;
+          width: 280rpx;
           opacity: 1;
           padding: 20rpx;
           background: linear-gradient(180deg, #feeeee 0%, #ffffff 100%);
           box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(0, 0, 0, 0.08);
           &.active {
             border: 1px solid #fa5151;
-            box-sizing: border-box;
           }
           .price {
             font-size: 24rpx;