'更换域名小程序发布'

王恒

2025-08-06 c62f4961f9d86460a5d483d7b31c05f98b113290

 pages/index/index.vue

@@ -1,8 +1,8 @@
<template>
   <view>
      <img src="/static/head.png" class="head" alt="" />
    <image src="/static/head.png" class="head" alt="" />
      <view class="hqzc" @click="more1()">
         <img src="/static/hqzc.png" class="img" alt="" />
      <image src="/static/hqzc.png" class="img" alt="" />
         <view class="line"></view>
         <view class="font">
            <p v-for="(item,index) in list1" :key="index" class="u-line-1">{{item.docTitle}}</p>
@@ -12,16 +12,18 @@
         <img src="/static/i06.png" class="more"  alt="" style="width: 46rpx;height: 46rpx;"/>
      </view>
      <view class="btnbox">
         <image mode="widthFix" src="/static/i01.png" class="more" alt="" style="margin-right: 18rpx;" @click="goMyCompany('01')"/>
      <image mode="widthFix" src="/static/i01.png" class="more" alt="" style="margin-right: 18rpx;"
        @click="goMyCompany('01')" />
         <image mode="widthFix" src="/static/i02.png" class="more" alt="" @click="goMyCompany('02')"/>
         <image mode="widthFix" src="/static/i03.png" class="more" alt="" style="margin-right: 18rpx;" @click="goMyCompany('01')"/>
      <image mode="widthFix" src="/static/i03.png" class="more" alt="" style="margin-right: 18rpx;"
        @click="goMyCompany('01')" />
         <image mode="widthFix" src="/static/i04.png" class="more" alt="" @click="goMyCompany('00')"/>
            <!-- <u-button @click="goMyCompany('01')">我是执法人员</u-button>
            <u-button @click="goMyCompany('02')">我是企业</u-button>
            <u-button @click="goMyCompany('00')">运营管理</u-button> -->
      </view>
      <view class="login-news" @click="goLogin">
         <image src="/static/index-1.png" mode="widthFix" @click="goLogin"></image>
      <image src="/static/index-1.png" mode="widthFix"></image>
      </view>
      <view class="msgbox">
         <view class="tit">
@@ -33,7 +35,7 @@
            </view>
         </view>
         <view class="item" v-for="(item,index) in list2">
            <img src="/static/i05.png" class="img" alt="" />
        <image src="/static/i05.png" class="img" alt="" />
            <view class="right">
               <view class="name">
                  {{item.companyName}}
@@ -123,7 +125,10 @@
</template>

<script>
   import {  docList,showList } from '@/api/index.js'
  import {
    docList,
    showList
  } from '@/api/index.js'
   
   // 00营商办,01执法,02企业 区分不同的登陆页面
   export default {
@@ -174,7 +179,10 @@
            })
         },
         getInfo() {
            docList({pageNum:1,pageSize:2}).then(val =>{
        docList({
          pageNum: 1,
          pageSize: 2
        }).then(val => {
               let data = val.data.rows
               for(let i = 0;i<data.length;i++){
                  if(data[i].docTitle.length>17){
@@ -183,7 +191,10 @@
               }
               this.list1 = data
            })
            showList({pageNum:1,pageSize:10}).then(val =>{
        showList({
          pageNum: 1,
          pageSize: 10
        }).then(val => {
               //console.log(val.data.rows)
               this.list2 = val.data.rows
            })
@@ -211,7 +222,6 @@
   }
</style>
<style lang="scss" scoped>

   .hqzc{
      position: absolute;
      border-radius: 5px;
@@ -230,15 +240,18 @@
         background: #f1f1f1;
         margin-right: 18rpx;
      }

      .img{
         width: 76rpx;
         height: 76rpx;
         margin-right: 18rpx;
      }

      .more{
         width: 28rpx;
         height: 28rpx;
      }

      .font{
         font-size: 26rpx;
         color: #4A4E60;
@@ -248,60 +261,73 @@
         text-align: left;
      }
   }

   .btnbox{
      margin-top: 110rpx;
      margin-left: 32rpx;
      margin-right: 32rpx;

      image{
         width: 334rpx;
         height: 208rpx;
      }
   }

   .msgbox{
      background: #fff;
      border-radius: 5px;
      padding: 24rpx;
      box-sizing: border-box;
      margin: 20rpx 32rpx;

      .tit{
         display: flex;
         justify-content: space-between;

         .t{
            color: #202d44;
            font-size: 36rpx;
            font-weight: bolder;
         }

         .m{
            color: #7e8596;
            font-size: 24rpx;
         }
      }

      .item{
         display: flex;
         margin-top: 26rpx;
         border-bottom: 1px solid #F1F1F1;
         padding-bottom: 26rpx;

         .img{
            width: 56rpx;
            height: 56rpx;
         }

         .right{
            width: 90%;

            .name{
               color: #202d44;
               font-size: 32rpx;
               line-height: 44rpx;
               margin-bottom: 24rpx;
            }

            .box{
               display: flex;
               justify-content: space-between;

               .l{
                  font-size: 26rpx;
                   color: #7e8593;
                   max-width: 80%;
                   
               }

               .r{
                  width: 132rpx;
                  height: 64rpx;
@@ -316,18 +342,22 @@
            }
         }
      }

      .item:last-child{
         border: none;
         padding-bottom: 0;
      }

   }

   .head{
      width: 100%;
      height: 518rpx;
   }

   .login-news{
      margin: 20rpx 32rpx;

      image{
         width: 100%;
      }