From 0523065a9277e0d11b82cd19e0684b86361b1f06 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期四, 03 四月 2025 18:20:13 +0800
Subject: [PATCH] 学术目录，荣誉奖项
---
src/views/achievements/index.vue | 104 ++++++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 101 insertions(+), 3 deletions(-)
diff --git a/src/views/achievements/index.vue b/src/views/achievements/index.vue
index ffd9204..2873bb1 100644
--- a/src/views/achievements/index.vue
+++ b/src/views/achievements/index.vue
@@ -1,14 +1,112 @@
-
<template>
- <div>瀛︽湳鎴愭灉</div>
+ <div class="page">
+ <div class="page-header">
+ <p>鐜嬫案鐐庨櫌澹鏈垚鏋�</p>
+ </div>
+ <!-- 鎼滅储妗� -->
+ <ul class="page-input">
+ <li class="input-main">
+ <el-input placeholder="璇疯緭鍏ュ唴瀹�" v-model="input3" class="input-with-select" suffix="鎼滅储">
+ <el-select v-model="select" slot="prepend" placeholder="璇烽�夋嫨">
+ <el-option label="椁愬巺鍚�" value="1"></el-option>
+ <el-option label="璁㈠崟鍙�" value="2"></el-option>
+ <el-option label="鐢ㄦ埛鐢佃瘽" value="3"></el-option>
+ </el-select>
+ <el-button slot="append" >鎼滅储</el-button>
+ </el-input>
+ </li>
+ <li class="input-txt" @click="isDisplay = !isDisplay">
+ 楂樼骇妫�绱�
+ <img v-if="isDisplay" src="../../assets/images/achievements/top-Icon.png" alt="">
+ <img v-else src="../../assets/images/achievements/bottom-Icon.png" alt="">
+ </li>
+ </ul>
+ <!-- 楂樼骇鎼滅储 -->
+ <div v-if="isDisplay">
+ 123
+ </div>
+
+ </div>
</template>
<script>
export default {
+ data() {
+ return {
+ isDisplay: false,
+ input3: '',
+ }
+ },
+ methods: {
+ }
}
</script>
-<style>
+<style lang="less" scoped>
+.page {
+ width: 100%;
+ height: 100%;
+ box-sizing: border-box;
+ background-color: #e9e1d4;
+ overflow: auto;
+}
+.page-header {
+ height: 102px;
+ width: 100%;
+ text-align: left;
+ margin-bottom: 8px;
+ border-bottom: 2px solid #937950;
+
+ p {
+ padding: 35px 0 34px 0;
+ font-family: Alimama DongFangDaKai;
+ font-size: 30px;
+ text-indent: 1em;
+ border-bottom: 1px solid #937950;
+ }
+}
+
+.page-input {
+ width: 1330px;
+ margin: 0 auto;
+ display: flex;
+ background-color: #fff;
+}
+
+.input-main {
+ padding: 15px 0;
+ text-align: center;
+ width: 90%;
+ border-right: 2px solid #E4DACE;
+ .input-with-select{
+ width: 50%;
+ }
+}
+
+
+.input-txt {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 10%;
+ padding: 15px 0;
+ font-family: Source Han Sans;
+ font-size: 14px;
+ font-weight: bold;
+ color: #6F5A3A;
+ cursor: pointer;
+
+ img {
+ width: 10px;
+ height: auto;
+ margin-left: 5px;
+ }
+}
+
+el-input__suffix {
+right: 22px;
+color: #999;
+}
</style>
\ No newline at end of file
--
Gitblit v1.9.1