From bd99a5211f3a5fcaa051e5da868d87bb870148f5 Mon Sep 17 00:00:00 2001
From: quanyawei <401863037@qq.com>
Date: Fri, 01 Mar 2024 09:58:45 +0800
Subject: [PATCH] fix:手持设备
---
uni_modules/uview-ui/components/u-toolbar/u-toolbar.vue | 102 +++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 102 insertions(+), 0 deletions(-)
diff --git a/uni_modules/uview-ui/components/u-toolbar/u-toolbar.vue b/uni_modules/uview-ui/components/u-toolbar/u-toolbar.vue
new file mode 100644
index 0000000..290b771
--- /dev/null
+++ b/uni_modules/uview-ui/components/u-toolbar/u-toolbar.vue
@@ -0,0 +1,102 @@
+<template>
+ <view
+ class="u-toolbar"
+ @touchmove.stop.prevent="noop"
+ v-if="show"
+ >
+ <view
+ class="u-toolbar__cancel__wrapper"
+ hover-class="u-hover-class"
+ >
+ <text
+ class="u-toolbar__wrapper__cancel"
+ @tap="cancel"
+ :style="{
+ color: cancelColor
+ }"
+ >{{ cancelText }}</text>
+ </view>
+ <text
+ class="u-toolbar__title u-line-1"
+ v-if="title"
+ >{{ title }}</text>
+ <view
+ class="u-toolbar__confirm__wrapper"
+ hover-class="u-hover-class"
+ >
+ <text
+ class="u-toolbar__wrapper__confirm"
+ @tap="confirm"
+ :style="{
+ color: confirmColor
+ }"
+ >{{ confirmText }}</text>
+ </view>
+ </view>
+</template>
+
+<script>
+ import props from './props.js';
+ /**
+ * Toolbar ���������
+ * @description
+ * @tutorial https://www.uviewui.com/components/toolbar.html
+ * @property {Boolean} show ������������������������������ true ���
+ * @property {String} cancelText ������������������������������ '������' ���
+ * @property {String} confirmText ������������������������������ '������' ���
+ * @property {String} cancelColor ������������������������������ '#909193' ���
+ * @property {String} confirmColor ������������������������������ '#3c9cff' ���
+ * @property {String} title ������������
+ * @event {Function}
+ * @example
+ */
+ export default {
+ name: 'u-toolbar',
+ mixins: [uni.$u.mpMixin, uni.$u.mixin,props],
+ methods: {
+ // ������������������
+ cancel() {
+ this.$emit('cancel')
+ },
+ // ������������������
+ confirm() {
+ this.$emit('confirm')
+ }
+ },
+ }
+</script>
+
+<style lang="scss" scoped>
+ @import "../../libs/css/components.scss";
+
+ .u-toolbar {
+ height: 42px;
+ @include flex;
+ justify-content: space-between;
+ align-items: center;
+
+ &__wrapper {
+ &__cancel {
+ color: $u-tips-color;
+ font-size: 15px;
+ padding: 0 15px;
+ }
+ }
+
+ &__title {
+ color: $u-main-color;
+ padding: 0 60rpx;
+ font-size: 16px;
+ flex: 1;
+ text-align: center;
+ }
+
+ &__wrapper {
+ &__confirm {
+ color: $u-primary;
+ font-size: 15px;
+ padding: 0 15px;
+ }
+ }
+ }
+</style>
--
Gitblit v1.8.0