Create App By EVUE,

dragondjf · November 7, 2020, 3:07pm

we make a new project named EVUE power by EVM , which you can create ui like vue; You can use EVUE Simulator to preview your application in real time!

EVM Github ： https://github.com/scriptiot/evm
EVUE Github ： https://github.com/scriptiot/evue

For example:

hml

<div class="container">
    <image src="common/images/evue-logo.bin" style="top: 70px;left: 150px;"></image>

    <!-- <text style="top: 220px;color: white;font-size: 30px;width: 454px;height: 35px;text-align: center;">Hello Developer!</text> -->
    <marquee scrollamount="50" style="top: 240px;left: 104px;width: 240px;height: 35px;text-align: center;color: white;font-size: 30px;">Hello Developer!</marquee>
    <text style="top: 280px;color: white;font-size: 20px;width: 454px;height: 25px;text-align: center;">Power by EVM</text>

    <progress type="horizontal" percent="30" class="out-layer-ring" style="top: 320px;left: 130px;"></progress>
</div>

css

.container {
    display: flex;
    width: 454px;
    height: 454px;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
    border-radius: 0px;
    background-color: black;
}

.out-layer-ring {
    top: 320px;
    left: 120px;
    padding: 3px;
    width: 300px;
    height: 20px;
    stroke-width: 35x;
    border-width: 1px;
    border-color: white;
    background-color: black;
}

image {
    left: 190px;
    top: 150px;
}

js

router  = require("@system.router")

export default {
    data: {
        title: 'Hello,Developer!'
    },
    onInit: function () {
        print("==========onInit index==========")
    },

    onReady: function () {
        print("==========onReady index==========")
    },

    onShow: function () {
        print("==========onShow index==========")
        setTimeout(function(){
            router.push({ uri: "pages/dock/index" })
        }, 1000)
    },

    onHide: function () {
        print("==========onHide index==========")
    },
    
    onDestroy: function () {
        print("==========onDestroy index==========")
    },
}