Sfoglia il codice sorgente

通行记录的demo 页面

tags/AL.0.8.0_20240113_base
yuan 1 anno fa
parent
commit
00ff427d6f
2 ha cambiato i file con 64 aggiunte e 11 eliminazioni
  1. +5
    -3
      src/pages/index/index.config.ts
  2. +59
    -8
      src/pages/index/index.vue

+ 5
- 3
src/pages/index/index.config.ts Vedi File

@@ -1,4 +1,6 @@
export default definePageConfig({
export default {
navigationBarTitleText: '',
"usingComponents": {}
})
"usingComponents": {
"fa": "../../components/fa/index"
}
}

+ 59
- 8
src/pages/index/index.vue Vedi File

@@ -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>



Caricamento…
Annulla
Salva