移动端页面重绘

jialh

2024-12-11 cb5ecb1d5e80fe0b510e5dc229c02bd25a89153b

 pages/policyMatching/precise.vue

@@ -1,20 +1,25 @@
<template>
    <view class="container">
        <header>
            <u-input class="search" placeholder="搜索" type="text" v-model="search" /> <u-button type="primary"
                style="width: 100upx;margin-top: 20upx;" size="normal" text="搜索" @click="getsearch"></u-button>
        </header>
            <!-- <u-input class="search" placeholder="搜索" type="text" v-model="search" /> <u-button type="primary"
                style="width: 100upx;margin-top: 20upx;" size="normal" text="搜索" @click="getsearch"></u-button> -->
         <view class="right">
            <image src="/static/index/search.png" mode=""></image>
            <input class="search" placeholder="请输入感兴趣的政策内容" type="text" v-model="search" />
            <u-button type="primary" style="width: 100upx;border-radius: 18upx;" size="normal" text="搜索"
             @click="getsearch()"></u-button>
         </view>
      </header>
        <view
            style="padding: 40upx;background-color: #fff;margin-top: 20upx;display: flex;justify-content: space-between;">
            style="padding: 0 20upx;background-color: #fff;display: flex;justify-content: space-between;">
            <u-tabs :list="tabsList" @click="chooseArticleType" style="padding-left: 4px;" lineWidth="30"
                lineColor="#f56c6c" :activeStyle="{
                    color: '#303133',
                    fontWeight: 'bold',
                lineColor="#6190E8" :activeStyle="{
                    color: '#6190E8',
                    transform: 'scale(1.05)'
                }" :inactiveStyle="{
                    color: '#606266',
                    transform: 'scale(1)'
                }" itemStyle="padding-left: 15px; padding-right: 15px; height: 34px;">
                }" itemStyle="padding-left: 15px; padding-right: 15px; height: 54px;">
            </u-tabs>

        </view>
@@ -26,11 +31,11 @@
                    <view style="background-color: #f7f7f7;padding: 10upx;margin-bottom: 10upx;">
                        <view style="display: flex;justify-content: space-between;">
                            <view style="font-weight: 800px;color: #000;">{{ item.ProjectTitle }}</view>
                            <u-tag :text="item.ProjectType" plain size="mini" type="warning"></u-tag>
                            <u-tag :text="item.ProjectType" plain size="mini" type="primary"></u-tag>
                        </view>
                        <view style="display: flex;justify-content: space-between;margin-top: 2upx;">
                            <view style="font-size: 22upx;line-height: 44upx;">{{ item.PlatForm }}</view>
                            <u-tag :text="item.StartDate.split(' ')[0]" plain size="mini" type="warning"></u-tag>
                            <!-- <u-tag :text="item.StartDate.split(' ')[0]" plain size="mini" type="primary"></u-tag> -->
                            <!-- PubTime -->
                        </view>
                    </view>
@@ -45,7 +50,7 @@
                        <view style="display: flex;justify-content: space-between;">
                            <view style="font-weight: 800px;color: #000;">{{ item.Subsidized }}</view>
                            <u-tag :text="item.GetTime ? item.GetTime.slice(0, 4) : ''" plain size="mini"
                                type="warning"></u-tag>
                                type="primary"></u-tag>
                        </view>
                    </view>
                </view>
@@ -91,7 +96,7 @@
                    name: '可申领补贴',
                    badge: {
                        value: 0,
                        type: 'success',
                        type: 'error',
                        max:99
                        
                    }
@@ -100,7 +105,7 @@
                    name: '已获批补贴',
                    badge: {
                        value: 0,
                        type: 'success',
                        type: 'error',
                        max:99
                    }
                },
@@ -224,35 +229,26 @@
    display: flex;
    color: #fff;
    font-size: 14px;

    .left {
        width: 150upx;
        height: 100upx;
        line-height: 100upx;
        text-align: left;
        display: flex;

        i {
            font-size: 36upx;
        }
    }

    .search {
        flex: 1;
        height: 80upx;
        line-height: 80upx;
        border-radius: 40upx;
        background-color: #fff;
        padding: 0 20upx;
        margin: 20upx 0;
        color: #236AF0;

        i {
            font-size: 26upx;
            color: #ccc;
        }
    }

   .right{
      flex: 1;
      display: flex;
      align-items: center;
      background-color: #fff;
      border-radius: 20upx;
      // height: 80upx;
      // line-height: 80upx;
      padding: 0 10upx 0 20upx;
      margin: 20upx 0 ;
      color: #236AF0;
      image {
         width: 28upx;
         height: 28upx;
         margin-right:10upx;
      }
      .search{
         flex: 1;
      }
   }
}

.u-page__tag-item {