From 4434c41562f18959967a957f09c795f0c24f3b70 Mon Sep 17 00:00:00 2001
From: 朱桂飞 <18597012158>
Date: 星期三, 22 三月 2023 10:11:16 +0800
Subject: [PATCH] commit
---
pages/tabBar/demo.vue | 133 +++++++++++++++++++++++++++++++++++++------
1 files changed, 113 insertions(+), 20 deletions(-)
diff --git a/pages/tabBar/demo.vue b/pages/tabBar/demo.vue
index 8183fd0..dce7615 100644
--- a/pages/tabBar/demo.vue
+++ b/pages/tabBar/demo.vue
@@ -1,22 +1,115 @@
-<template>
- <view>
-
- </view>
-</template>
-
-<script>
- export default {
- data() {
- return {
-
- }
- },
- methods: {
+<template>
+ <view class="app">
+ <view class="inner">
+ <view class="content flex">
+ <view class="flex-sub flex align-center justify-center bg-blue">1</view>
+ <view class="flex-sub flex align-center justify-center bg-cyan">2</view>
+ <view class="flex-sub flex align-center justify-center bg-gradual-orange">3</view>
+ </view>
+ <view class="h-table" style=" width: 100vh;">
+ <view class="h-tr h-tr-12 h-thead">
+ <view class="h-td">鍝佸悕</view>
+ <view class="h-td">瑁呮枡閲�</view>
+ <view class="h-td">鐩爣</view>
+ <view class="h-td h-td-colspan h-td-rowspan">
+ <view class="h-tr h-tr-1">
+ <view class="h-td h-td-colspan">鍓�</view>
+ </view>
+ <view class="h-tr h-tr-2">
+ <view class="h-td">宸�</view>
+ <view class="h-td">鍙�</view>
+ </view>
- }
- }
-</script>
-
-<style>
-
+ </view>
+ <view class="h-td h-td-colspan h-td-rowspan">
+ <view class="h-tr h-tr-1">
+ <view class="h-td h-td-colspan">涓�</view>
+ </view>
+ <view class="h-tr h-tr-2">
+ <view class="h-td">宸�</view>
+ <view class="h-td">鍙�</view>
+ </view>
+
+ </view>
+ <view class="h-td h-td-colspan h-td-rowspan">
+ <view class="h-tr h-tr-1">
+ <view class="h-td h-td-colspan">鍚�</view>
+ </view>
+ <view class="h-tr h-tr-2">
+ <view class="h-td">宸�</view>
+ <view class="h-td">鍙�</view>
+ </view>
+
+ </view>
+
+ <view class="h-td">骞冲潎</view>
+ <view class="h-td">鏃堕棿(鍒嗛挓)</view>
+ <view class="h-td">钂告苯(绔嬫柟)</view>
+ </view>
+
+ <view v-for="(item,index) in 10" class="h-tr h-tr-12" style="background-color: white">
+ <view class="h-td">100</view>
+ <view class="h-td">100</view>
+ <view class="h-td">100</view>
+ <view class="h-td">100</view>
+ <view class="h-td">100</view>
+ <view class="h-td">100</view>
+ <view class="h-td">100</view>
+ <view class="h-td">100</view>
+ <view class="h-td">100</view>
+ <view class="h-td">100</view>
+ <view class="h-td">100</view>
+ <view class="h-td">100</view>
+
+ </view>
+
+ </view>
+
+
+
+ </view>
+
+ </view>
+</template>
+
+<script>
+ export default {
+ data() {
+ return {
+ list:[{}]
+
+ }
+ },
+ methods: {
+
+ }
+ }
+</script>
+
+<style lang="scss" scoped>
+ @import "components/table/helang-table";
+
+ .app {
+ width: 100vw;
+ height: 100vh;
+ background-color: royalblue;
+
+ .inner {
+ /* 璁剧疆鍩哄噯鐐逛负宸︿笂瑙� */
+ transform-origin: top left;
+ /* 浠ュ乏涓婅涓哄熀鍑嗙偣锛岄『鏃堕拡鏃嬭浆90搴� 鐒跺悗娌縔杞村弽鏂瑰悜骞崇Щ100% */
+ /* 涓轰粈涔堟部Y杞达紝鍥犱负鏃嬭浆浣垮潗鏍囪酱鏂瑰悜鍙戠敓浜嗗彉鍖� */
+ transform: rotate(90deg) translateY(-100%);
+ /*璁剧疆鍏冪礌鐨勫搴︿负 100%鐖跺厓绱犵殑楂樺害 骞舵彁楂樻牱寮忎紭鍏堢骇 */
+ width: 100vh !important;
+ /*璁剧疆鍏冪礌鐨勫搴︿负 100%鐖跺厓绱犵殑瀹藉害 骞舵彁楂樻牱寮忎紭鍏堢骇 */
+ height: 100vw !important;
+ background-color: gold;
+ overflow: scroll;
+
+ .content {
+ width: 100%;
+ }
+ }
+ }
</style>
--
Gitblit v1.9.3