From c66e9eaa87989cd0b312fa1d8777a4bf799db0da Mon Sep 17 00:00:00 2001 From: litian <2804272236@qq.com> Date: 星期四, 25 四月 2024 14:40:34 +0800 Subject: [PATCH] 问题修改 --- src/assets/main.css | 148 ++++++++++++++++++++++++++++++++++++++++++++++++- 1 files changed, 145 insertions(+), 3 deletions(-) diff --git a/src/assets/main.css b/src/assets/main.css index 857b72e..ff65f44 100644 --- a/src/assets/main.css +++ b/src/assets/main.css @@ -1,11 +1,153 @@ @import './base.css'; -#app { +#parentApp { width: 100%; height: 100%; } - page { display: block; -} \ No newline at end of file +} + +.imgBox { + position: relative; +} + +.imgBox img { + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; + width: auto; + height: auto; + max-width: 100%; + max-height: 100%; + margin: auto; +} +ul { + list-style: none; + padding:0; +} +a { + text-decoration: none; + cursor: pointer; +} +.hover{ + cursor: pointer; +} + +/* 鐢荤瑪宸ュ叿 */ +.popinnerBox .brush,.popinnerBox .write{ + display: flex; + padding: 10px 0; +} +.popinnerBox .thickness { + border-right: 1px solid #f3f3f3; + width: 40px; + padding-right:10px; + text-align: center; + +} +.popinnerBox .thickness .small { + width: 7px; + height: 7px; + border-radius: 50%; + background: #cccccc; + margin:0 auto; +} +.popinnerBox .thickness .middle { + width: 10px; + height: 10px; + border-radius: 50%; + background: #cccccc; + margin:0 auto; + margin-top:15px; +} +.popinnerBox .thickness .large { + width: 13px; + height: 13px; + border-radius: 50%; + background: #cccccc; + margin:0 auto; + margin-top:15px; +} +.popinnerBox .thickness .active { + background: #0093ff; +} +.popinnerBox .lineStyle .lineTypeBox{ + display: flex; + justify-content: space-between; + padding:0 10px; +} +.popinnerBox .lineStyle .lineTypeBox .typeItem{ + flex:1; + padding:5px 20px; + border-radius: 5px; + border: 1px solid #D9D9D9; + margin:0 5px; + position: relative; +} +.popinnerBox .lineStyle .lineTypeBox .typeItem .solid{ + border: 1px solid #707070; + margin: 7px auto; +} +.popinnerBox .lineStyle .lineTypeBox .typeItem .dashed{ + border: 1px dashed #707070; + margin: 7px auto; +} +.popinnerBox .lineStyle .lineTypeBox .lineTypeActive { + border: 1px solid #0093ff; +} +.popinnerBox .lineStyle .lineTypeBox .lineTypeActive .activeIcon{ + width:12px; + height:11px; + background:#0093ff; + border-radius: 5px 0 5px 0; + position: absolute; + right:0; + bottom: 0; + display: flex; + justify-content:center; + align-items: center; +} + + +.popinnerBox .colorSelectBox { + padding: 0 10px; + width: 190px; + display: flex; + background: #ffffff; + border-radius: 5px; +} +.popinnerBox .colorSelectBox .flex1 { + flex: 1; + +} +.popinnerBox .colorSelectBox .scribeItem { + width: 18px; + height: 18px; + border-radius: 3px; + margin: 15px auto 0 auto; + border: none; + display: flex; + justify-content: center; + align-items: center; +} + +.popinnerBox .cleanup,.popinnerBox .label{ + display: flex; + justify-content: space-between; + padding:10px 0 +} +.popinnerBox .cleanup .cleanupItem,.popinnerBox .label .labelItem{ + flex:1; + text-align: center; +} + +.el-input__inner{ + border:none !important; +} +.el-button{ + padding: 8px 15px !important; +} -- Gitblit v1.9.1