From da25434b85fc5b4321c429bf95e719d00ec395bb Mon Sep 17 00:00:00 2001
From: quanyawei <401863037@qq.com>
Date: Thu, 11 Jan 2024 16:21:16 +0800
Subject: [PATCH] 定位优化
---
uni_modules/uview-ui/components/u-cell-group/u-cell-group.vue | 61 ++++++++++++++++++++++++++++++
1 files changed, 61 insertions(+), 0 deletions(-)
diff --git a/uni_modules/uview-ui/components/u-cell-group/u-cell-group.vue b/uni_modules/uview-ui/components/u-cell-group/u-cell-group.vue
new file mode 100644
index 0000000..a9508c0
--- /dev/null
+++ b/uni_modules/uview-ui/components/u-cell-group/u-cell-group.vue
@@ -0,0 +1,61 @@
+<template>
+ <view :style="[$u.addStyle(customStyle)]" :class="[customClass]" class="u-cell-group">
+ <view v-if="title" class="u-cell-group__title">
+ <slot name="title">
+ <text class="u-cell-group__title__text">{{ title }}</text>
+ </slot>
+ </view>
+ <view class="u-cell-group__wrapper">
+ <u-line v-if="border"></u-line>
+ <slot />
+ </view>
+ </view>
+</template>
+
+<script>
+ import props from './props.js';
+ /**
+ * cellGroup ���������
+ * @description cell������������������������������������������������������������������������������������
+ * @tutorial https://uviewui.com/components/cell.html
+ *
+ * @property {String} title ������������
+ * @property {Boolean} border ��������������������� (������ true )
+ * @property {Object} customStyle ���������������������������������
+ *
+ * @event {Function} click ������cell���������������
+ * @example <u-cell-group title="������������">
+ */
+ export default {
+ name: 'u-cell-group',
+ mixins: [uni.$u.mpMixin, uni.$u.mixin,props],
+ }
+</script>
+
+<style lang="scss" scoped>
+ @import "../../libs/css/components.scss";
+
+ $u-cell-group-title-padding: 16px 16px 8px !default;
+ $u-cell-group-title-font-size: 15px !default;
+ $u-cell-group-title-line-height: 16px !default;
+ $u-cell-group-title-color: $u-main-color !default;
+
+ .u-cell-group {
+ flex: 1;
+
+ &__title {
+ padding: $u-cell-group-title-padding;
+
+ &__text {
+ font-size: $u-cell-group-title-font-size;
+ line-height: $u-cell-group-title-line-height;
+ color: $u-cell-group-title-color;
+ }
+ }
+
+ &__wrapper {
+ position: relative;
+ }
+ }
+</style>
+
--
Gitblit v1.8.0