image/tdesign-vue-next-starter
1
0
Fork 1
mirror of https://github.com/Tencent/tdesign-vue-next-starter.git synced 2024-12-23 07:19:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: typo

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/config/color.ts
View File

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

2
src/layouts/setting.vue
View File

@ -61,7 +61,7 @@
</t-radio-group>
<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">
<t-radio-button :key="index" :value="item">
<Thumbnail :src="getThumbnailUrl(item)" />

6
src/pages/dashboard/base/index.ts
View File

@ -657,11 +657,11 @@ export function getLineChartDataSet({
*
* @export
* @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];
for (let i = 0; i < devideNum; i++) {
for (let i = 0; i < divideNum; i++) {
productArray.push(getRandomArray(100 * i).toString());
}

44
src/pages/detail/advanced/components/Product.vue
View File

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

2
src/pages/detail/advanced/index.less
View File

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

2
src/style/theme/purple.less
View File

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