feat:解决冲突,补回样式

This commit is contained in:
dongwug
2022-10-11 17:28:57 +08:00
parent 52585f781e
commit 731204574a
4 changed files with 121 additions and 60 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 352 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 486 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 598 B

View File

@@ -580,19 +580,20 @@
<div class="gpm_inputbtn">
<a-input
v-model:value="value"
style="width: 270px; height: 40px; border-radius: 8px;margin-right: 14px;"
style="width: 270px; height: 40px; border-radius: 8px; margin-right: 14px;"
placeholder="请输入姓名"
/>
<div class="gpm_btn btn1">
<div class="search"></div>
<div class="btnText">搜索</div>
</div>
<div class="gpm_btn btn2">
<div class="search"></div>
<div class="reset"></div>
<div class="btnText">重置</div>
</div>
</div>
<div class="gpm_notice">
<div class="th_icon"><div class="th_text">i</div></div>
<div class="th_icon"></div>
<div class="textarea">已选择 <span style="color: #4EA6FF;">1</span> </div>
<div class="textarea"><span style="color:#999BA3;">列表选项总计</span><span>5</span></div>
</div>
@@ -628,7 +629,7 @@
</template>
</a-table>
</div>
</div>
</div>
<!--操作授权页面 -->
@@ -665,12 +666,12 @@
<div class="btnText">搜索</div>
</div>
<div class="stm_btn btn2">
<div class="search"></div>
<div class="reset"></div>
<div class="btnText">重置</div>
</div>
<div class="stm_btn btn3" style="width: 130px;">
<div class="search"></div>
<div class="btnText" @click="createkk">新建开课</div>
<div class="stm_btn3 btn3" >
<div class="add"></div>
<div class="btnText" @click="createkk"><span style="color:#ffffff;">新建开课</span> </div>
</div>
</div>
<div class="stm_table">
@@ -707,10 +708,7 @@
<!--开课页面 -->
<!--新建开课页面 -->
<div
class="createschooltime"
:style="{ display: cstm_hs ? 'block' : 'none' }"
>
<div class="createschooltime" :style="{ display: cstm_hs ? 'block' : 'none' }">
<div class="cst_header"></div>
<div class="cst_main">
<div class="cstm_header">
@@ -864,7 +862,7 @@
<div class="btnText">搜索</div>
</div>
<div class="stmm_btn btn2">
<div class="search"></div>
<div class="reset"></div>
<div class="btnText">重置</div>
</div>
</div>
@@ -915,7 +913,6 @@
</div>
</div>
</div>
</div>
<!--新建开课学员管理页面页面 -->
</div>
</template>
@@ -2499,32 +2496,82 @@ export default defineComponent({
background-size: 100% 100%;
}
}
.b_sub {
.gpm_inputbtn{
width: 90%;
margin: 20px auto;
display: flex;
margin-bottom: 10px;
.bs_type {
color: #999ba3;
.gpm_btn {
width: 100px;
height: 40px;
margin-right: 14px;
background: #ffffff;
border: 1px solid #4EA6FF;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
cursor: pointer;
.btnText {
color: #4EA6FF;
font-size: 14px;
font-weight: 400;
line-height: 40px;
}
}
.bs_left {
color: #999ba3;
margin-left: 35px;
.btn1 {
.search {
width: 15px;
height: 17px;
margin-right: 6px;
background-image: url("../../assets/images/courseManage/search1.png");
}
}
.bs_right {
color: #4f5156;
.btn2 {
.reset {
width: 16px;
height: 18px;
margin-right: 6px;
background-image: url("../../assets/images/courseManage/reset1.png");
}
}
.btn1:hover {
background: #4EA6FF;
.search {
background-image: url("@/assets/images/coursewareManage/search0.png");
}
.btnText {
color: #ffffff;
}
}
.btn2:hover {
background: #4EA6FF;
.reset {
background-image: url("@/assets/images/coursewareManage/reset0.png");
}
.btnText {
color: #ffffff;
}
}
}
.b_menu {
width: calc(100%);
}
.b_menunav {
.gpm_notice{
display: flex;
margin-top: 20px;
margin-bottom: 20px;
.bm_select {
margin-right: 20px;
background: rgba(78,166,255,0.25);
border: 1px solid #4EA6FF;
width: 90%;
height: 62px;
margin:20px auto;
align-items: center;
line-height: 64px;
.th_icon{
width: 16px;
height: 16px;
background-image: url(@/assets/images/coursewareManage/gan.png);
background-size: 100% 100%;
margin: auto 13px auto 37px;
}
.bm_input {
margin-right: 20px;
.textarea{
margin-right: 33px;
}
}
.gpm_table{
@@ -2605,52 +2652,64 @@ export default defineComponent({
.search {
width: 15px;
height: 17px;
background-image: url("../../assets/images/courseManage/search1.png");
margin-right: 6px;
background-image: url("@/assets/images/coursewareManage/search1.png");
}
}
.btn2 {
.search {
.reset {
width: 16px;
height: 18px;
background-image: url("../../assets/images/courseManage/reset1.png");
}
}
.btn3 {
.search {
width: 17px;
height: 18px;
background-image: url("../../assets/images/courseManage/add1.png");
margin-right: 5px;
margin-right: 6px;
background-image: url("@/assets/images/coursewareManage/reset1.png");
}
}
.btn1:hover {
background: rgba(64, 158, 255, 1);
background: #4EA6FF;
.search {
background-image: url("../../assets/images/courseManage/search0.png");
background-image: url("@/assets/images/coursewareManage/search0.png");
}
.btnText {
color: #ffffff;
}
}
.btn2:hover {
background: rgba(64, 158, 255, 1);
.search {
background-image: url("../../assets/images/courseManage/reset0.png");
}
.btnText {
color: #ffffff;
}
}
.btn3:hover {
background: rgba(64, 158, 255, 1);
.search {
background-image: url("../../assets/images/courseManage/add0.png");
background: #4EA6FF;
.reset {
background-image: url("@/assets/images/coursewareManage/reset0.png");
}
.btnText {
color: #ffffff;
}
}
}
.stm_btn3{
width: 130px;
height: 40px;
border: 1px solid #4EA6FF;
background-color: #4EA6FF;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
cursor: pointer;
.btnText {
font-size: 14px;
font-weight: 400;
line-height: 40px;
}
.btn3 {
.add {
width: 17px;
height: 18px;
background-image: url("@/assets/images/coursewareManage/add0.png");
background-size: 100% 100%;
margin-right: 6px;
}
}
}
.stm_table{
width: 90%;
margin:30px auto;
@@ -2891,13 +2950,15 @@ export default defineComponent({
.search {
width: 15px;
height: 17px;
margin-right: 6px;
background-image: url("../../assets/images/courseManage/search1.png");
}
}
.btn2 {
.search {
.reset {
width: 16px;
height: 18px;
margin-right: 6px;
background-image: url("../../assets/images/courseManage/reset1.png");
}
}
@@ -2912,7 +2973,7 @@ export default defineComponent({
}
.btn2:hover {
background: rgba(64, 158, 255, 1);
.search {
.reset {
background-image: url("../../assets/images/courseManage/reset0.png");
}
.btnText {