"插入日歷"組件:<calendar> —— 快應用組件庫H-UI-有解無憂

?
用戶第一次插入日歷，需要授權確認：
?
日歷插入成功或失敗，會在快應用頂部做全域提示：
?
查看系統日歷：
?
?
?

<import name="calendar" src="../Common/ui/h-ui/advance/c_calendar"></import>
<template>
    <div class="container-full">
        <calendar data="{{data}}" params="{{params1}}"></calendar>
    </div>
</template>

<style lang="less">
    @import '../Common/styles/container.less';
</style>

<script>
    export default {
        private: {
            data: {},
            params1: {}
        }
    }
</script>

?
?
插入日歷后查看手機系統日歷，結果一致：
?
?

<import name="calendar" src=https://www.cnblogs.com/cloud-dev/p/"../Common/ui/h-ui/advance/c_calendar">


<style lang="less">
    @import '../Common/styles/container.less';
</style>

<script>
    export default {
        private: {
            data2:{
                'title': '我的健身日程',
                'content': '參加李教練的健身課，',
                'date': '2020-03-31',
                'timeRange': '15:30至16:30',
                'allDay': false,
                'remind': ['5','10','30'],//支持：1，5，10，15，30，60，120
                //'repeat': 'WEEKLY',//支持：DAILY，WEEKLY，MONTHLY，YEARLY
                'repeat': 'WEEKLY',
                'expiration': 'UNTIL',//支持：FOREVER，COUNT,UNTIL
                //'count': '10',
                'until': '2021-03-31',
                'interval': '1',
                'byday': ['TU','TH']
            },
            params2: {}
        }
    }
</script>

<import name="calendar" src="../Common/ui/h-ui/advance/c_calendar"></import>
<template>
    <div class="container-full">
        <calendar data="{{data}}" params="{{params3}}" type="danger"></calendar>
    </div>
</template>

<style lang="less">
    @import '../Common/styles/container.less';
</style>

<script>
    export default {
        private: {
            data: {},
            params3: {}
        }
    }
</script>

<import name="calendar" src="../Common/ui/h-ui/advance/c_calendar"></import>
<template>
    <div class="container-full">
        <calendar data="{{data}}" params="{{params4}}" simple="true"></calendar>
    </div>
</template>

<style lang="less">
    @import '../Common/styles/container.less';
</style>

<script>
    export default {
        private: {
            data: {},
            params4: {}
        }
    }
</script>

掃碼體驗

轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/11360.html

標籤：Android

上一篇：Android中webview的使用

下一篇：關于Fragment的點擊切換資料滯留問題