这个示例展示了如何在uniApp中创建带有日期选择器和自定义样式的表格。代码包括了表格的标题和内容，以及日期选择器的使用。表格数据是一个二维数组，日期选择器的初始值设定为当前日期。
<template>
<view class="box">
<view class="head-a">
<!-- <uni-section :title="'日期用法：' + single" type="line"></uni-section> -->
<view class="example-body">
<uni-datetime-picker type="date" :clear-icon="false" v-model="value1" @maskClick="maskClick" />
</view>
<view class="example-bodya">
<u-icon name="download" color="#3896ED" size="25"></u-icon>下载
</view>
</view>
<view class="head-b" >
<view class="su-table-box">
<view class="su-table">
<!-- 表格标题 -->
<view class="su-tr">
<view class="su-th" v-for="(list,index) in th" :key="index">{
{list}}</view>
</view>
<!-- 表格内容 -->
<view class="su-tr" v-for="(list,index) in td" :key="index">
<view class="su-td" v-for="(item,index_) in list" :key="index_">{
{item}}</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
value1: Number(new Date()),
th: ["姓名", "类型", "统计", "1日", "2日", "3日", "4日", "5日"],
// 表格内容 这里只能使用 数组套数组格式
td: [
[
"郭富城",
"借支",
"9669",
"9669",
"9669",
"9669",
"9669",
最低0.47元/天 解锁文章
522
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
