首页修改

zengh

2021-07-02 15850051b0b791d6bc68aa089f94d8f8ceb49b65

首页修改

 api/mock/home.js

@@ -80,6 +80,11 @@
                    url: ''
                },
                {
                    name: '我要办',
                    img: '/static/images/home/n3.png',
                    url: ''
                },
                {
                    name: '我要说',
                    img: '/static/images/home/n4.png',
                    url: ''
@@ -103,38 +108,33 @@
    return new Promise((resolute, reject) => {
        try {
            const list = [{
                    name: '人口登记',
                    name: '我要看',
                    img: '/static/images/home/s1.png',
                    url: ''
                },
                {
                    name: '工商年报',
                    name: '我要查',
                    img: '/static/images/home/s2.png',
                    url: ''
                },
                {
                    name: '税务登记',
                    name: '我要报',
                    img: '/static/images/home/s3.png',
                    url: ''
                },
                {
                    name: '健康码',
                    name: '我要说',
                    img: '/static/images/home/s4.png',
                    url: ''
                },
                {
                    name: '便民服务',
                    name: '我要巡',
                    img: '/static/images/home/s5.png',
                    url: ''
                },
                {
                    name: '通办大厅',
                    name: '我要办',
                    img: '/static/images/home/s6.png',
                    url: ''
                },
                {
                    name: '智能问答',
                    img: '/static/images/home/s7.png',
                    url: ''
                }
            ];

 package-lock.json

@@ -1,6 +1,8 @@
{
  "requires": true,
  "name": "qfqk-android",
  "version": "1.0.0",
  "lockfileVersion": 1,
  "requires": true,
  "dependencies": {
    "axios": {
      "version": "0.21.1",
@@ -24,6 +26,11 @@
      "version": "1.0.5",
      "resolved": "https://registry.npmjs.org/uni-read-pages/-/uni-read-pages-1.0.5.tgz",
      "integrity": "sha512-GkrrZ0LX0vn9R5k6RKEi0Ez3Q3e2vUpjXQ8Z6/K/d28KudI9ajqgt8WEjQFlG5EPm1K6uTArN8LlqmZTEixDUA=="
    },
    "uview-ui": {
      "version": "1.8.4",
      "resolved": "https://registry.npm.taobao.org/uview-ui/download/uview-ui-1.8.4.tgz",
      "integrity": "sha1-4yu/I3lCHTGQIuMk4ct7U4fTvUQ="
    }
  }
}

 pages/home/home.vue

@@ -5,11 +5,11 @@
            <u-navbar :is-fixed="false" :border-bottom="false" :is-back="false" title=""
                :background="{ background: '#0BB9C8' }">
                <view class="nav-wrap">
                    <picker mode="selector" :range="positionArr" range-key="name" @change="changePicker"
                    <!-- <picker mode="selector" :range="positionArr" range-key="name" @change="changePicker"
                        class="picker-box">
                        {{ position }}
                        <u-icon name="arrow-down" class="arrow" size="18" color="#C9C9C9"></u-icon>
                    </picker>
                    </picker> -->
                    <image src="/static/images/rider.png" class="rider" mode="widthFix" v-if="!focus"></image>

                    <view class="search-input" v-else>
@@ -35,9 +35,29 @@
            </swiper>
        </view>
        <!-- 头部 end -->
		
        <!-- 服务按钮 start -->
        <view class="service-box">
            <u-grid :col="4" :border="false">
                <u-grid-item bg-color="transparent" v-for="(item, index) in serviceButton" :key="index">
                    <navigator url="" hover-class="none" class="service-item">
                        <image :src="item.img" mode="widthFix" class="img"></image>
                        <view class="name">{{ item.name }}</view>
                    </navigator>
                </u-grid-item>
                <u-grid-item bg-color="transparent" key="8">
                    <navigator url="/pages/service/service" hover-class="none" class="service-item">
                        <image src="/static/images/home/s8.png" mode="widthFix" class="img"></image>
                        <view class="name">更多</view>
                    </navigator>
                </u-grid-item>
            </u-grid>
        </view>
        <!-- 服务按钮 end -->
		

        <!-- 头部按钮 start -->
        <view class="nav">
        <!-- <view class="nav">
            <u-grid :col="5" :border="false">
                <u-grid-item bg-color="transparent" v-for="(item, index) in navButton" :key="index">
                    <navigator :url="item.url" hover-class="none" class="nav-item">
@@ -46,7 +66,7 @@
                    </navigator>
                </u-grid-item>
            </u-grid>
        </view>
        </view> -->
        <!-- 头部按钮 end -->

        <!-- 公告 start -->
@@ -62,24 +82,6 @@
        </view>
        <!-- 公告 end -->

        <!-- 服务按钮 start -->
        <!-- <view class="service-box">
            <u-grid :col="4" :border="false">
                <u-grid-item bg-color="transparent" v-for="(item, index) in serviceButton" :key="index">
                    <navigator url="" hover-class="none" class="service-item">
                        <image :src="item.img" mode="widthFix" class="img"></image>
                        <view class="name">{{ item.name }}</view>
                    </navigator>
                </u-grid-item>
                <u-grid-item bg-color="transparent" key="8">
                    <navigator url="/pages/service/service" hover-class="none" class="service-item">
                        <image src="/static/images/home/s8.png" mode="widthFix" class="img"></image>
                        <view class="name">更多</view>
                    </navigator>
                </u-grid-item>
            </u-grid>
        </view> -->
        <!-- 服务按钮 end -->

        <!-- 新闻模块 start -->
        <view class="news">
@@ -366,7 +368,7 @@
    .service-box {
        background: #ffffff;
        border-radius: 20px 20px 20px 20px;
        margin: 30rpx 20rpx 0;
        margin: 30rpx 20rpx 30rpx;
        padding: 0rpx 20rpx;

        .service-item {