javascript/NativeScript
1
0
Fork 0
mirror of https://github.com/NativeScript/NativeScript.git synced 2025-11-05 13:26:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(core): nativescript.config and webpack updates (#8801)

Browse Source
This commit is contained in:
Nathan Walker
2020-09-01 15:53:37 -07:00
committed by GitHub
parent 757a2ffdf7
commit 54cce4f20c
1093 changed files with 332 additions and 316 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
apps/ui/src/css/background-image-linear-gradient-page.ts Normal file
View File

@@ -0,0 +1,40 @@
import * as pages from '@nativescript/core/ui/page';
import * as button from '@nativescript/core/ui/button';
import { GridLayout } from '@nativescript/core/ui/layouts/grid-layout';
let testIndex = 0;
const tests = [
{ name: 'black-blue only', backgroundImage: 'linear-gradient(to bottom, black, blue)' },
{ name: 'to bottom green-blue', backgroundImage: 'linear-gradient(to bottom, green, blue)' },
{ name: 'to left yellow-blue', backgroundImage: 'linear-gradient(to left, yellow, green)' },
{ name: 'to right yellow-blue', backgroundImage: 'linear-gradient(to right, yellow, green)' },
{ name: '-45deg green-blue', backgroundImage: 'linear-gradient(-45deg, green, blue)' },
{ name: '45deg green-blue', backgroundImage: 'linear-gradient(45deg, green, blue)' },
{ name: 'black-blue-pink only', backgroundImage: 'linear-gradient(to bottom, black, blue, pink)' },
{ name: 'to bottom green-blue-pink', backgroundImage: 'linear-gradient(to bottom, green, blue, pink)' },
{ name: 'to left yellow-blue-pink', backgroundImage: 'linear-gradient(to left, yellow, green, pink)' },
{ name: 'to right yellow-blue-pink', backgroundImage: 'linear-gradient(to right, yellow, green, pink)' },
{ name: '-45deg green-blue-pink', backgroundImage: 'linear-gradient(-45deg, green, blue, pink)' },
{ name: '45deg green-blue-pink', backgroundImage: 'linear-gradient(45deg, green, blue, pink)' },
];
export function onLoaded(args) {
applyNextStyle(args);
}
export function onButtonTap(args) {
applyNextStyle(args);
}
function applyNextStyle(args) {
let page = <pages.Page>args.object.page;
let btn = <button.Button>args.object;
let gridElement = <GridLayout>page.getViewById('Container');
btn.text = tests[testIndex].name;
gridElement.backgroundImage = tests[testIndex].backgroundImage;
testIndex = testIndex < tests.length - 1 ? ++testIndex : 0;
}