fix: typo

This commit is contained in:
Uyarn 2022-04-11 19:11:39 +08:00
parent 733ca6ac22
commit 5f4e8a9e7a
6 changed files with 30 additions and 30 deletions

View File

@ -110,7 +110,7 @@ export const COLOR_TOKEN: TColorSeries = {
'@brand-color-1': '#eee6f7', '@brand-color-1': '#eee6f7',
'@brand-color-2': '#ddceee', '@brand-color-2': '#ddceee',
'@brand-color-3': '#ccb6e6', '@brand-color-3': '#ccb6e6',
'@brand-color-4': '#bb9ede', '@brand-color-4': '#bb9edc',
'@brand-color-5': '#ab87d5', '@brand-color-5': '#ab87d5',
'@brand-color-6': '#9a6fce', '@brand-color-6': '#9a6fce',
'@brand-color-7': '#9a6fce', '@brand-color-7': '#9a6fce',

View File

@ -61,7 +61,7 @@
</t-radio-group> </t-radio-group>
<div class="setting-group-title">导航布局</div> <div class="setting-group-title">导航布局</div>
<t-radio-group v-model="formData.layout" default-vaule="top"> <t-radio-group v-model="formData.layout">
<div v-for="(item, index) in LAYOUT_OPTION" :key="index" class="setting-layout-drawer"> <div v-for="(item, index) in LAYOUT_OPTION" :key="index" class="setting-layout-drawer">
<t-radio-button :key="index" :value="item"> <t-radio-button :key="index" :value="item">
<Thumbnail :src="getThumbnailUrl(item)" /> <Thumbnail :src="getThumbnailUrl(item)" />

View File

@ -657,11 +657,11 @@ export function getLineChartDataSet({
* *
* @export * @export
* @param {string} productName * @param {string} productName
* @param {number} devideNum * @param {number} divideNum
*/ */
export function getSelftItemList(productName: string, devideNum: number): string[] { export function getSelftItemList(productName: string, divideNum: number): string[] {
const productArray: string[] = [productName]; const productArray: string[] = [productName];
for (let i = 0; i < devideNum; i++) { for (let i = 0; i < divideNum; i++) {
productArray.push(getRandomArray(100 * i).toString()); productArray.push(getRandomArray(100 * i).toString());
} }

View File

@ -1,33 +1,33 @@
<template> <template>
<div class="operater-block operater-gap"> <div class="operator-block operator-gap">
<div class="operater-content"> <div class="operator-content">
<div class="operater-title"> <div class="operator-title">
<t-icon name="cart" class="operater-title-icon" /> <t-icon name="cart" class="operator-title-icon" />
<h1>{{ data.name }}</h1> <h1>{{ data.name }}</h1>
<div class="operater-title-subtitle"> <div class="operator-title-subtitle">
{{ data.subtitle }} {{ data.subtitle }}
</div> </div>
<div class="operater-title-tags"> <div class="operator-title-tags">
<t-tag class="operater-title-tag" theme="success" size="small"> <t-tag class="operator-title-tag" theme="success" size="small">
{{ data.size }} {{ data.size }}
</t-tag> </t-tag>
<t-tag class="operater-title-tag" size="small"> <t-tag class="operator-title-tag" size="small">
{{ data.cpu }} {{ data.cpu }}
</t-tag> </t-tag>
<t-tag class="operater-title-tag" size="small"> <t-tag class="operator-title-tag" size="small">
{{ data.memory }} {{ data.memory }}
</t-tag> </t-tag>
</div> </div>
</div> </div>
<div class="operater-item"> <div class="operator-item">
<span class="operater-item-info">{{ data.info }}</span> <span class="operator-item-info">{{ data.info }}</span>
<t-icon class="operater-item-icon" name="chevron-right" size="small" style="color: rgba(0, 0, 0, 0.26)" /> <t-icon class="operator-item-icon" name="chevron-right" size="small" style="color: rgba(0, 0, 0, 0.26)" />
</div> </div>
</div> </div>
<div class="operater-footer"> <div class="operator-footer">
<span class="operater-footer-percentage">{{ data.use }} / {{ data.stock }}</span> <span class="operator-footer-percentage">{{ data.use }} / {{ data.stock }}</span>
<t-progress <t-progress
class="operater-progress" class="operator-progress"
theme="line" theme="line"
:percentage="(data.use / data.stock) * 100" :percentage="(data.use / data.stock) * 100"
:label="false" :label="false"
@ -55,21 +55,21 @@ export default defineComponent({
<style lang="less" scoped> <style lang="less" scoped>
@import '@/style/variables.less'; @import '@/style/variables.less';
.operater-gap { .operator-gap {
margin-left: 20px; margin-left: 20px;
} }
.operater-block { .operator-block {
position: relative; position: relative;
background-color: @bg-color-container; background-color: @bg-color-container;
border: 1px solid @component-border; border: 1px solid @component-border;
border-radius: 3px; border-radius: 3px;
.operater-content { .operator-content {
padding: 20px 32px 24px 32px; padding: 20px 32px 24px 32px;
height: 256px; height: 256px;
.operater-title-icon { .operator-title-icon {
background: @brand-color-1; background: @brand-color-1;
color: @brand-color; color: @brand-color;
font-size: 56px; font-size: 56px;
@ -77,7 +77,7 @@ export default defineComponent({
border-radius: 100%; border-radius: 100%;
} }
.operater-title { .operator-title {
margin-bottom: 25px; margin-bottom: 25px;
position: relative; position: relative;
@ -120,7 +120,7 @@ export default defineComponent({
} }
} }
.operater-item { .operator-item {
position: relative; position: relative;
padding-top: 8px; padding-top: 8px;
padding-bottom: 8px; padding-bottom: 8px;
@ -141,7 +141,7 @@ export default defineComponent({
} }
} }
.operater-footer { .operator-footer {
position: absolute; position: absolute;
width: 100%; width: 100%;
bottom: 0px; bottom: 0px;

View File

@ -3,7 +3,7 @@
.product-block-container { .product-block-container {
.t-col-xl-4 + .t-col-xl-4 { .t-col-xl-4 + .t-col-xl-4 {
@media (max-width: @screen-lg-max) { @media (max-width: @screen-lg-max) {
.operater-gap { .operator-gap {
margin: 16px 0 0 0; margin: 16px 0 0 0;
} }
} }

View File

@ -3,7 +3,7 @@
--td-brand-color-1: #eee6f7; --td-brand-color-1: #eee6f7;
--td-brand-color-2: #ddceee; --td-brand-color-2: #ddceee;
--td-brand-color-3: #ccb6e6; --td-brand-color-3: #ccb6e6;
--td-brand-color-4: #bb9ede; --td-brand-color-4: #bb9edc;
--td-brand-color-5: #ab87d5; --td-brand-color-5: #ab87d5;
--td-brand-color-6: #9a6fce; --td-brand-color-6: #9a6fce;
--td-brand-color-7: #9a6fce; --td-brand-color-7: #9a6fce;