uni表格css

<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",