Browse Source

代码学习

master
Viviman 2 years ago
parent
commit
141126daab
  1. BIN
      web/src/assets/images/logo.png
  2. 10
      web/src/components/SizeSelect/index.vue
  3. 33
      web/src/views/home.vue

BIN
web/src/assets/images/logo.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 53 KiB

10
web/src/components/SizeSelect/index.vue

@ -4,9 +4,13 @@
<svg-icon class-name="size-icon" icon-class="size" /> <svg-icon class-name="size-icon" icon-class="size" />
</div> </div>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<el-dropdown-item v-for="item of sizeOptions" :key="item.value" :disabled="size===item.value" :command="item.value"> <el-dropdown-item
{{ v-for="item of sizeOptions"
item.label }} :key="item.value"
:disabled="size===item.value"
:command="item.value"
>
{{ item.label }}
</el-dropdown-item> </el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>

33
web/src/views/home.vue

@ -9,46 +9,21 @@
<el-card :bordered="false" dis-hover> <el-card :bordered="false" dis-hover>
<div slot="header"> <div slot="header">
<div class="acea-row row-middle"> <div class="acea-row row-middle">
<el-avatar <el-avatar icon="el-icon-s-operation" size="small" style="color: #1890ff; background: #e6f7ff; font-size: 13px"/>
icon="el-icon-s-operation"
size="small"
style="color: #1890ff; background: #e6f7ff; font-size: 13px"
/>
<span class="ivu-pl-8">统计</span> <span class="ivu-pl-8">统计</span>
</div> </div>
</div> </div>
<el-row :gutter="24"> <el-row :gutter="24">
<el-col <el-col :xl="8" :lg="8" :md="24" :sm="24" :xs="24" class="ivu-mb mb10 dashboard-console-visit">
:xl="8"
:lg="8"
:md="24"
:sm="24"
:xs="24"
class="ivu-mb mb10 dashboard-console-visit"
>
<span class="ivu-pl-8">商品分析</span> <span class="ivu-pl-8">商品分析</span>
<order-count></order-count> <order-count></order-count>
</el-col> </el-col>
<el-col <el-col :xl="8" :lg="8" :md="24" :sm="24" :xs="24" class="ivu-mb mb10 dashboard-console-visit">
:xl="8"
:lg="8"
:md="24"
:sm="24"
:xs="24"
class="ivu-mb mb10 dashboard-console-visit"
>
<span class="ivu-pl-8">本月成交额</span> <span class="ivu-pl-8">本月成交额</span>
<bar-chart /> <bar-chart />
</el-col> </el-col>
<el-col <el-col :xl="8" :lg="8" :md="24" :sm="24" :xs="24" class="ivu-mb mb10 dashboard-console-visit">
:xl="8"
:lg="8"
:md="24"
:sm="24"
:xs="24"
class="ivu-mb mb10 dashboard-console-visit"
>
<span class="ivu-pl-8">本月订单数</span> <span class="ivu-pl-8">本月订单数</span>
<pie-chart /> <pie-chart />

Loading…
Cancel
Save