tianzixuan/Doric
Archived
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

js: add locations in gradient color

Browse Source
This commit is contained in:
王劲鹏 2020-05-09 17:44:04 +08:00 committed by osborn
parent c2264e621c
commit e26a2f3256
4 changed files with 30 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
doric-demo/src/EffectsDemo.ts
View File

@ -777,6 +777,33 @@ class EffectsDemo extends Panel {
], ],
{ space: 20 } { space: 20 }
), ),
hlayout(
[
vlayout(
[
label("Multi-Grad locations"),
box().apply({
width: 100,
height: 100,
backgroundColor: {
colors: [colors[0], Color.WHITE, colors[1]],
locations: [0, 0.3, 1],
orientation: GradientOrientation.TOP_BOTTOM
},
layoutConfig: layoutConfig().just().configMargin({
left: 5,
right: 5,
bottom: 5,
})
}),
],
{
gravity: Gravity.Center,
space: 10,
}),
],
{ space: 20}
)
], ],
{ {
space: 20 space: 20

1
doric-js/index.d.ts vendored
View File

@ -959,6 +959,7 @@ declare module 'doric/lib/src/util/color' {
start?: Color; start?: Color;
end?: Color; end?: Color;
colors?: Array<Color>; colors?: Array<Color>;
locations?: Array<Number>;
orientation: GradientOrientation; orientation: GradientOrientation;
} }
} }

1
doric-js/lib/src/util/color.d.ts vendored
View File

@ -44,5 +44,6 @@ export interface GradientColor {
start?: Color; start?: Color;
end?: Color; end?: Color;
colors?: Array<Color>; colors?: Array<Color>;
locations?: Array<Number>;
orientation: GradientOrientation; orientation: GradientOrientation;
} }

1
doric-js/src/util/color.ts
View File

@ -94,6 +94,7 @@ export interface GradientColor {
start?: Color start?: Color
end?: Color end?: Color
colors?: Array<Color> colors?: Array<Color>
locations?: Array<Number>
orientation: GradientOrientation orientation: GradientOrientation
} }