From dcf9c9e0410fe1186239e3f8d6f7bdc789c08010 Mon Sep 17 00:00:00 2001 From: lzhe <lzhe@example.com> Date: 星期三, 05 六月 2024 18:00:39 +0800 Subject: [PATCH] 1 --- src/views/home/widgets/components/welcome.vue | 60 +++++++++++++++++++++++------------------------------------- 1 files changed, 23 insertions(+), 37 deletions(-) diff --git a/src/views/home/widgets/components/welcome.vue b/src/views/home/widgets/components/welcome.vue index b1bf536..c22f2bc 100644 --- a/src/views/home/widgets/components/welcome.vue +++ b/src/views/home/widgets/components/welcome.vue @@ -1,36 +1,25 @@ +<!-- + * @Author: lzhe lzhe@example.com + * @Date: 2024-04-16 15:22:46 + * @LastEditors: lzhe lzhe@example.com + * @LastEditTime: 2024-06-05 11:36:56 + * @FilePath: /src/views/home/widgets/components/welcome.vue + * @Description: 杩欐槸榛樿璁剧疆,璇疯缃甡customMade`, 鎵撳紑koroFileHeader鏌ョ湅閰嶇疆 杩涜璁剧疆: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE +--> <template> - <el-card shadow="hover" header="娆㈣繋"> - <div class="welcome"> - <div class="logo"> - <img src="img/logo.png"> - <h2>娆㈣繋浣撻獙 SCUI</h2> - </div> - <div class="tips"> - <div class="tips-item"> - <div class="tips-item-icon"><el-icon><el-icon-menu/></el-icon></div> - <div class="tips-item-message">杩欓噷鏄」鐩帶鍒跺彴锛屼綘鍙互鐐瑰嚮鍙充笂鏂圭殑鈥滆嚜瀹氫箟鈥濇寜閽潵娣诲姞绉婚櫎鎴栬�呯Щ鍔ㄩ儴浠躲��</div> - </div> - <div class="tips-item"> - <div class="tips-item-icon"><el-icon><el-icon-promotion/></el-icon></div> - <div class="tips-item-message">鍦ㄦ彁楂樺墠绔畻鍔涖�佸噺灏戝甫瀹借姹傚拰浠g爜鎵ц鍔涗笂澶氭浼樺寲锛屽苟涓旀寔缁潃銆�</div> - </div> - <div class="tips-item"> - <div class="tips-item-icon"><el-icon><el-icon-milk-tea/></el-icon></div> - <div class="tips-item-message">椤圭洰鐩殑锛氳鍓嶇宸ヤ綔鏇村揩涔�</div> - </div> - </div> - <div class="actions"> - <el-button type="primary" icon="el-icon-check" size="large" @click="godoc">鏂囨。</el-button> - </div> + <el-card shadow="hover" header="鍏憡"> + <div class="announcement"> + <!-- <img src="./quesheng.bd026700.png"> --> + <div>鏆傛棤鍐呭</div> </div> </el-card> </template> <script> export default { - title: "娆㈣繋", - icon: "el-icon-present", - description: "椤圭洰鐗硅壊浠ュ強鏂囨。閾炬帴", + title: "鍏憡", + icon: "el-icon-setting", + description: "绯荤粺鍐呴�氱煡銆佸叕鍛婇�氱煡蹇�熸煡鐪�", data() { return { @@ -45,15 +34,12 @@ </script> <style scoped> - .welcome {} - .welcome .logo {text-align: center;} - .welcome .logo img {vertical-align: bottom;width: 100px;height: 100px;margin-bottom: 20px;} - .welcome .logo h2 {font-size: 30px;font-weight: normal;display: flex;align-items: center;justify-content: center;} - - .tips {margin-top: 20px;padding:0 40px;} - .tips-item {display: flex;align-items: center;justify-content: center;padding:7.5px 0;} - .tips-item-icon {width: 40px;height:40px;display: flex;align-items: center;justify-content: center;border-radius: 50%;font-size: 18px;margin-right: 20px;color: var(--el-color-primary);background: rgba(180,180,180,0.1);} - .tips-item-message {flex: 1;font-size: 14px;} - - .actions {text-align: center;margin: 40px 0 20px 0;} + .announcement { + text-align: center; + } + .announcement img { + text-align: center; + width:150px; + height:150px; + } </style> -- Gitblit v1.9.3