完善页面细节
This commit is contained in:
28
pages/mall/admin/user/user-statistics/index.uvue
Normal file
28
pages/mall/admin/user/user-statistics/index.uvue
Normal file
@@ -0,0 +1,28 @@
|
||||
<template>
|
||||
<view class="admin-page-container">
|
||||
<text class="placeholder-title">User Statistics</text>
|
||||
<view class="chart-box">
|
||||
<EChartsView :option="chartOption" class="chart-view" />
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup lang="uts">
|
||||
import { ref } from 'vue'
|
||||
import EChartsView from '@/uni_modules/charts/EChartsView.uvue'
|
||||
|
||||
const chartOption = ref({
|
||||
title: { text: 'User Statistics Demo' },
|
||||
tooltip: {},
|
||||
xAxis: { data: ['A', 'B', 'C', 'D'] },
|
||||
yAxis: {},
|
||||
series: [{ type: 'bar', data: [5, 20, 36, 10] }]
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.admin-page-container { padding: 20px; }
|
||||
.placeholder-title { font-size: 24px; font-weight: bold; margin-bottom: 20px; }
|
||||
.chart-box { height: 300px; background: #fff; border: 1px solid #eee; }
|
||||
.chart-view { width: 100%; height: 100%; }
|
||||
</style>
|
||||
Reference in New Issue
Block a user