|
@@ -4,9 +4,12 @@
|
|
|
<div class="boxWrap">
|
|
|
<p>临时合课列表<span style="color:red;"> {{compoundList.length}} </span></p>
|
|
|
<el-popover placement="top"
|
|
|
+ v-model='isLook'
|
|
|
trigger="click">
|
|
|
<div>
|
|
|
- <p>临时合课列表</p>
|
|
|
+ <p class="title">临时合课列表 <i class="el-icon-minus minus"
|
|
|
+ @click="isLook=false"></i></p>
|
|
|
+
|
|
|
<el-divider></el-divider>
|
|
|
</div>
|
|
|
<el-button type="text"
|
|
@@ -79,7 +82,8 @@ export default {
|
|
|
data () {
|
|
|
return {
|
|
|
radio: '',
|
|
|
- dataList: this.compoundList
|
|
|
+ dataList: this.compoundList,
|
|
|
+ isLook: false
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
@@ -116,6 +120,9 @@ export default {
|
|
|
}
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
+.title {
|
|
|
+ line-height: 44px;
|
|
|
+}
|
|
|
.fixedBox {
|
|
|
position: fixed;
|
|
|
bottom: 20px;
|
|
@@ -124,6 +131,7 @@ export default {
|
|
|
width: 200px;
|
|
|
background-color: #fff;
|
|
|
font-size: 14px;
|
|
|
+
|
|
|
.boxWrap {
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
@@ -134,4 +142,14 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+/deep/.el-divider--horizontal {
|
|
|
+ margin: 0 !important;
|
|
|
+}
|
|
|
+.minus {
|
|
|
+ float: right;
|
|
|
+ line-height: 44px;
|
|
|
+ padding-right: 20px;
|
|
|
+ font-size: 20px;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
</style>
|