'登录注册'

zhangwei

2025-06-25 ce5e84197b43dec8c01717b116cb77535ad3c91e

 src/views/home/index.vue

@@ -42,8 +42,8 @@
    </div>
    <div class="right">
      <el-tabs v-model="activeName" class="demo-tabs">
        <el-tab-pane label="工程招标" name="first">
          工程招标
        <el-tab-pane label="意向公开" name="first">
          意向公开
          <!-- <div class="item">
            <span
              ><span style="color: #145ccd; font-weight: 600">·</span
@@ -94,8 +94,9 @@
            <span>2024-04-15 18:10</span>
          </div> -->
        </el-tab-pane>
        <el-tab-pane label="货物招标" name="second">货物招标</el-tab-pane>
        <el-tab-pane label="服务招标" name="third">服务招标</el-tab-pane>
        <el-tab-pane label="工程招标" name="second">工程招标</el-tab-pane>
        <el-tab-pane label="货物招标" name="third">货物招标</el-tab-pane>
        <el-tab-pane label="服务招标" name="fourth">服务招标</el-tab-pane>
        <el-tab-pane label="网上竞价" name="fourth">网上竞价</el-tab-pane>
      </el-tabs>
    </div>
@@ -147,9 +148,13 @@
              src="@/assets/home/car1.png"
              alt=""
            />
            采购人/招标人
            采购人
          </div>
          <div>注册<span class="m-2">|</span>登录</div>
          <div>
            <span class="hover:cursor-pointer" @click="toRegister">注册</span
            ><span class="m-2">|</span
            ><span class="hover:cursor-pointer" @click="toLogin">登录</span>
          </div>
        </div>
        <div class="item">
          <div class="box">
@@ -159,20 +164,13 @@
              src="@/assets/home/car.png"
              alt=""
            />
            采购人
            代理机构
          </div>
          <div>注册<span class="m-2">|</span>登录</div>
          <div>
            <span class="hover:cursor-pointer" @click="toRegister">注册</span
            ><span class="m-2">|</span
            ><span class="hover:cursor-pointer" @click="toLogin">登录</span>
        </div>
        <div class="item">
          <div class="box">
            <img
              width="18px"
              height="18px"
              src="@/assets/home/car.png"
              alt=""
            />招标代理机构
          </div>
          <div>注册<span class="m-2">|</span>登录</div>
        </div>
        <div class="item">
          <div class="box">
@@ -183,7 +181,11 @@
              alt=""
            />供应商
          </div>
          <div>注册<span class="m-2">|</span>登录</div>
          <div>
            <span class="hover:cursor-pointer" @click="toRegister">注册</span
            ><span class="m-2">|</span
            ><span class="hover:cursor-pointer" @click="toLogin">登录</span>
          </div>
        </div>
        <div class="item">
          <div class="box">
@@ -194,7 +196,11 @@
              alt=""
            />评审专家
          </div>
          <div>注册<span class="m-2">|</span>登录</div>
          <div>
            <span class="hover:cursor-pointer" @click="toRegister">注册</span
            ><span class="m-2">|</span
            ><span class="hover:cursor-pointer" @click="toLogin">登录</span>
          </div>
        </div>
      </div>
      <div class="right" />
@@ -396,6 +402,17 @@
import { ref } from "vue";
import myFooter from "./component/myFooter.vue";
let activeName = ref("first");
import { useRoute, useRouter } from "vue-router";
defineOptions({
  name: "Home"
});
const router = useRouter();
const toRegister = () => {
  router.push({ name: "Register" });
};
const toLogin = () => {
  router.push({ name: "Login" });
};
</script>

<style lang="scss" scoped>
@@ -518,7 +535,7 @@
  padding: 40px 0;
  .all {
    width: 72%;
    height: 482px;
    height: 385px;
    background: #fff;
    margin: 0 auto;
    display: flex;
@@ -535,7 +552,7 @@
        justify-content: space-between;
        align-items: center;
        padding: 0 30px;
        height: 20%;
        height: 25%;
        text-align: left;
        color: #5f5f5f;
        .box {