blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

docs: update tab color

Browse Source
This commit is contained in:
chenjiahan 2020-07-31 19:07:20 +08:00
parent c602367878
commit f08064db1c
3 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/icon/demo/index.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<demo-section> <demo-section>
<van-tabs v-model="tab" sticky :color="BLUE"> <van-tabs v-model="tab" sticky>
<van-tab :title="t('demo')"> <van-tab :title="t('demo')">
<demo-block :title="t('basicUsage')"> <demo-block :title="t('basicUsage')">
<van-col span="6" @click="copy(demoIcon)"> <van-col span="6" @click="copy(demoIcon)">

6
src/index-bar/demo/index.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<demo-section> <demo-section>
<van-tabs v-model="activeTab" :color="BLUE"> <van-tabs v-model="activeTab">
<van-tab :title="t('basicUsage')"> <van-tab :title="t('basicUsage')">
<van-index-bar> <van-index-bar>
<div v-for="index in indexList" :key="index"> <div v-for="index in indexList" :key="index">
@ -29,8 +29,6 @@
</template> </template>
<script> <script>
import { BLUE } from '../../utils/constant';
export default { export default {
i18n: { i18n: {
'zh-CN': { 'zh-CN': {
@ -46,12 +44,12 @@ export default {
data() { data() {
const indexList = []; const indexList = [];
const charCodeOfA = 'A'.charCodeAt(0); const charCodeOfA = 'A'.charCodeAt(0);
for (let i = 0; i < 26; i++) { for (let i = 0; i < 26; i++) {
indexList.push(String.fromCharCode(charCodeOfA + i)); indexList.push(String.fromCharCode(charCodeOfA + i));
} }
return { return {
BLUE,
activeTab: 0, activeTab: 0,
indexList, indexList,
customIndexList: [1, 2, 3, 4, 5, 6, 8, 9, 10], customIndexList: [1, 2, 3, 4, 5, 6, 8, 9, 10],

4
src/index-bar/test/__snapshots__/demo.spec.js.snap
View File

@ -4,10 +4,10 @@ exports[`renders demo correctly 1`] = `
<div> <div>
<div class="van-tabs van-tabs--line"> <div class="van-tabs van-tabs--line">
<div class="van-tabs__wrap van-hairline--top-bottom"> <div class="van-tabs__wrap van-hairline--top-bottom">
<div role="tablist" class="van-tabs__nav van-tabs__nav--line" style="border-color: #1989fa;"> <div role="tablist" class="van-tabs__nav van-tabs__nav--line">
<div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-tab__text van-tab__text--ellipsis">基础用法</span></div> <div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-tab__text van-tab__text--ellipsis">基础用法</span></div>
<div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">自定义索引列表</span></div> <div role="tab" class="van-tab"><span class="van-tab__text van-tab__text--ellipsis">自定义索引列表</span></div>
<div class="van-tabs__line" style="background-color: rgb(25, 137, 250); width: 0px; transform: translateX(0px) translateX(-50%);"></div> <div class="van-tabs__line" style="width: 0px; transform: translateX(0px) translateX(-50%);"></div>
</div> </div>
</div> </div>
<div class="van-tabs__content"> <div class="van-tabs__content">