白色主题
This commit is contained in:
@@ -1,9 +1,11 @@
|
||||
/// <reference types="miniprogram-api-typings" />
|
||||
import { SuperComponent } from '../common/src/index';
|
||||
import { TdCascaderProps } from './type';
|
||||
export interface CascaderProps extends TdCascaderProps {
|
||||
}
|
||||
export default class Cascader extends SuperComponent {
|
||||
externalClasses: string[];
|
||||
options: WechatMiniprogram.Component.ComponentOptions;
|
||||
properties: TdCascaderProps<import("../common/common").TreeOptionData>;
|
||||
data: {
|
||||
prefix: string;
|
||||
|
||||
@@ -24,6 +24,9 @@ let Cascader = class Cascader extends SuperComponent {
|
||||
constructor() {
|
||||
super(...arguments);
|
||||
this.externalClasses = [`${prefix}-class`];
|
||||
this.options = {
|
||||
multipleSlots: true,
|
||||
};
|
||||
this.properties = props;
|
||||
this.data = {
|
||||
prefix,
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
"t-icon": "../icon/icon",
|
||||
"t-popup": "../popup/popup",
|
||||
"t-tabs": "../tabs/tabs",
|
||||
"t-tab-panel": "../tabs/tab-panel",
|
||||
"t-tab-panel": "../tab-panel/tab-panel",
|
||||
"t-radio-group": "../radio-group/radio-group"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<t-popup visible="{{visible}}" placement="bottom" bind:visible-change="hide">
|
||||
<view style="{{ customStyle }}" class="{{name}}">
|
||||
<view style="{{ style }}" class="{{name}}">
|
||||
<view class="{{name}}__title">
|
||||
<slot name="title" />
|
||||
{{title}}
|
||||
@@ -18,7 +18,7 @@
|
||||
<view class="{{name}}__step-label {{name}}__step-label--{{index === stepIndex ? 'active' : ''}}">
|
||||
{{ item }}
|
||||
</view>
|
||||
<t-icon name="chevron-right" size="22" class="{{name}}__step-arrow" />
|
||||
<t-icon name="chevron-right" size="22" t-class="{{name}}__step-arrow" />
|
||||
</view>
|
||||
</view>
|
||||
<block wx:if="{{theme == 'tab'}}">
|
||||
@@ -42,18 +42,19 @@
|
||||
scroll-y
|
||||
scroll-top="{{scrollTopList[index]}}"
|
||||
>
|
||||
<t-radio-group
|
||||
class="cascader-radio-group-{{index}}"
|
||||
value="{{selectedValue[index]}}"
|
||||
keys="{{keys}}"
|
||||
options="{{options}}"
|
||||
bind:change="handleSelect"
|
||||
data-level="{{index}}"
|
||||
align="right"
|
||||
icon="line"
|
||||
borderless
|
||||
>
|
||||
</t-radio-group>
|
||||
<view class="cascader-radio-group-{{index}}">
|
||||
<t-radio-group
|
||||
value="{{selectedValue[index]}}"
|
||||
keys="{{keys}}"
|
||||
options="{{options}}"
|
||||
bind:change="handleSelect"
|
||||
data-level="{{index}}"
|
||||
align="right"
|
||||
icon="line"
|
||||
borderless
|
||||
>
|
||||
</t-radio-group>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@@ -6,7 +6,7 @@ const props = {
|
||||
keys: {
|
||||
type: Object,
|
||||
},
|
||||
customStyle: {
|
||||
style: {
|
||||
type: String,
|
||||
value: '',
|
||||
},
|
||||
|
||||
@@ -8,7 +8,7 @@ export interface TdCascaderProps<CascaderOption extends TreeOptionData = TreeOpt
|
||||
type: ObjectConstructor;
|
||||
value?: KeysType;
|
||||
};
|
||||
customStyle?: {
|
||||
style?: {
|
||||
type: StringConstructor;
|
||||
value?: string;
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user