大屏页面style样式添加scss

shishuaikang

2023-12-04 c9e945807866c97d1b0f78dc8d50fb80cbdfbf74

大屏页面style样式添加scss

 web/src/views/MixingInfo/components/List.vue

@@ -47,7 +47,7 @@
}
</script>

<style scoped>
<style lang="scss" scoped>
.list {
  display: flex;
  flex-direction: column;

 web/src/views/MixingInfo/mixRatio.vue

@@ -103,7 +103,7 @@
        $html.style.fontSize = ''
    },
    methods: {
        async getLists() {
        getLists() {
            const params = {
                pageNum: --this.type, // 传 0 1对应两个页面
                pageSize: 1,
@@ -139,7 +139,7 @@
    }
}
</script>
<style scoped>
<style lang="scss" scoped>
.wrap {
    position: absolute;
    width: 100%;
@@ -239,7 +239,7 @@
    .row.line {
        display: flex;

        >div {
        > div {
            flex: 1;
        }
    }

 web/src/views/MixingInfo/mixing.vue

@@ -137,7 +137,7 @@
    }
}
</script>
<style scoped>
<style lang="scss" scoped>
li {
    list-style: none;
}
@@ -258,7 +258,7 @@
                min-height: 480px;
                text-align: center;

                >p {
                > p {
                    position: absolute;
                    left: 50%;
                    top: 21%;