<template>
    <!-- notice.wxml -->
    <view class="notice">
        <text class="mr20">{{ date }}</text>
        <text class="mr20">{{ time }}</text>
        <text class="mr20">{{ week }}</text>
        <text class="mr20">{{ username }}</text>
        您好！
    </view>
</template>

<script>
//home.js
//获取应用实例
const app = getApp();

// components/demo/index.js
export default {
    data() {
        return {
            date: '2020-04-05',
            time: '14:34',
            week: '星期一',
            username: '昂梦医生'
        };
    },
    /**
     * 可以使用全局样式
     */
    options: {
        addGlobalClass: true
    },
    /**
     * 组件的属性列表
     */
    props: {
        name: {
            type: String,
            default: ''
        }
    },
    /**
     * 组件的方法列表
     */
    methods: {
        click: function () {
            console.log('component!');
        }
    },
    created: function () {}
};
</script>
<style>
/**notice.wxss**/
.notice {
    font-size: 25rpx;
    background: #fff;
    border: 2rpx solid #eee;
    width: 100%;
    height: 60rpx;
    line-height: 60rpx;
    color: #999;
    padding: 0 20rpx;
}
</style>
