'add'
ewall
6 years ago
parent
b1da8f3d5e
commit
22a2eb7f24
|
Before Width: | Height: | Size: 17 KiB After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.6 KiB After Width: | Height: | Size: 6.5 KiB |
Binary file not shown.
Binary file not shown.
@ -1 +1,10 @@
|
||||
@bgColor: red;
|
||||
// 主题色
|
||||
@themeColor: #de3d96;
|
||||
|
||||
// 背景色
|
||||
@bgColor: #eee;
|
||||
|
||||
// 字号大小
|
||||
@sizeXL: 18px;
|
||||
@sizeL: 16px;
|
||||
@sizeM: 14px;
|
||||
@ -0,0 +1,65 @@
|
||||
<template>
|
||||
<div class="classify">
|
||||
<!-- 顶部栏 -->
|
||||
<div class="topNav">
|
||||
<span class="iconfont"></span>
|
||||
<div class="title">分类</div>
|
||||
<span class="iconfont"></span>
|
||||
</div>
|
||||
<!-- 主体 -->
|
||||
<div class="main">
|
||||
<!-- 主体左侧 -->
|
||||
<div class="mainLeft"></div>
|
||||
<!-- 主体右侧 -->
|
||||
<div class="mainRight"></div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "classify",
|
||||
components: {},
|
||||
data() {
|
||||
return {
|
||||
msg: "Hello World!"
|
||||
};
|
||||
},
|
||||
created() {},
|
||||
mounted() {},
|
||||
watch: {},
|
||||
computed: {},
|
||||
methods: {}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
@import "../assets/styles/variables.less";
|
||||
.classify {
|
||||
background: @bgColor;
|
||||
// 顶部栏
|
||||
.topNav {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 0.133333rem 0.24rem;
|
||||
.title {
|
||||
font-size: @sizeL;
|
||||
}
|
||||
.iconfont {
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
// 主体
|
||||
.main {
|
||||
}
|
||||
// 主体左侧
|
||||
.mainLeft {
|
||||
}
|
||||
// 主体右侧
|
||||
.mainRight {
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue