|
|
|
@@ -5,7 +5,8 @@ |
|
|
|
import Counter from '../../components/Counter.vue' |
|
|
|
import { ref } from 'vue'; |
|
|
|
import {useDidShow, useLoad} from "@tarojs/taro"; |
|
|
|
import { Add } from '@nutui/icons-vue-taro'; |
|
|
|
import { Date } from '@nutui/icons-vue-taro'; |
|
|
|
import Notification from "../../components/notification"; |
|
|
|
|
|
|
|
|
|
|
|
const show = ref(false); |
|
|
|
@@ -33,13 +34,63 @@ |
|
|
|
|
|
|
|
|
|
|
|
<template> |
|
|
|
<Counter/> |
|
|
|
<nut-cell title="展示弹出层" is-link @click="show = true"></nut-cell> |
|
|
|
<nut-popup :style="{ padding: '30px 50px' }" v-model:visible="show">正文</nut-popup> |
|
|
|
<View><Text>{{state.msg}}</Text></View> |
|
|
|
<nut-button type="primary" @click="handleClick(state.msg2)">点我</nut-button> |
|
|
|
<Add color="red" /> |
|
|
|
<Add color="red" /> |
|
|
|
<view class="pl-3 pt-3 pr-3 h2 d-flex"> |
|
|
|
<view class="flex-grow-1"> |
|
|
|
来访记录 |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="d-flex text-black-50 pt-2 pb-2 pr-3"> |
|
|
|
<view class="flex-grow-1"></view> |
|
|
|
<view>最近30天的来访</view> |
|
|
|
</view> |
|
|
|
<!-- <Counter/>--> |
|
|
|
<Notification name="" company="小明科技2" pass-date="2023-12-25" pass-time="22:22:22" today-pass-time='["22:22:21","22:22:20"]'/> |
|
|
|
<Notification name="王远" company="joydata科技" pass-date="2023-12-25" pass-time="22:22:22" today-pass-time='[]'/> |
|
|
|
<Notification name="华雨" company="joydata科技" pass-date="2023-12-25" pass-time="22:22:22" today-pass-time='["22:22:21"]'/> |
|
|
|
<Notification name="邸为荣" company="" pass-date="2023-12-25" pass-time="22:22:22" today-pass-time='["22:22:21","22:22:20"]'/> |
|
|
|
|
|
|
|
<view class="container pt-5 pb-3"> |
|
|
|
<view class="row"> |
|
|
|
<view class="col"/> |
|
|
|
<view class="col text-center text-black-50"> |
|
|
|
<nut-divider> 没有更多了 </nut-divider> |
|
|
|
</view> |
|
|
|
<view class="col"/> |
|
|
|
</view> |
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- <nut-cell title="展示弹出层" is-link @click="show = true"></nut-cell>--> |
|
|
|
<!-- <nut-popup :style="{ padding: '30px 50px' }" v-model:visible="show">正文</nut-popup>--> |
|
|
|
<!-- <View><Text>{{state.msg}}</Text></View>--> |
|
|
|
<!-- <nut-button type="primary" @click="handleClick(state.msg2)">点我</nut-button>--> |
|
|
|
<!-- <Add color="red" />--> |
|
|
|
<!-- <div class="alert alert-primary" role="alert">--> |
|
|
|
<!-- A simple primary alert—check it out!--> |
|
|
|
<!-- </div>--> |
|
|
|
<!-- <h1>Example heading <span class="badge bg-secondary">New</span></h1>--> |
|
|
|
<!-- <button type="button" class="btn btn-primary">--> |
|
|
|
<!-- Notifications <span class="badge text-bg-secondary">4</span>--> |
|
|
|
<!-- </button>--> |
|
|
|
<!-- <button type="button" class="btn btn-primary position-relative">--> |
|
|
|
<!-- Inbox--> |
|
|
|
<!-- <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger">--> |
|
|
|
<!-- 99+--> |
|
|
|
<!-- <span class="visually-hidden">unread messages</span>--> |
|
|
|
<!-- </span>--> |
|
|
|
<!-- </button>--> |
|
|
|
|
|
|
|
|
|
|
|
<!-- <span class="badge badge-primary">Primary</span>--> |
|
|
|
<!-- <span class="badge text-bg-secondary">Secondary</span>--> |
|
|
|
<!-- <span class="badge text-bg-success">Success</span>--> |
|
|
|
<!-- <span class="badge text-bg-danger">Danger</span>--> |
|
|
|
<!-- <span class="badge text-bg-warning">Warning</span>--> |
|
|
|
<!-- <span class="badge text-bg-info">Info</span>--> |
|
|
|
<!-- <span class="badge text-bg-light">Light</span>--> |
|
|
|
<!-- <span class="badge text-bg-dark">Dark</span>--> |
|
|
|
|
|
|
|
</template> |
|
|
|
|
|
|
|
|