1 line
4.2 KiB
Plaintext
1 line
4.2 KiB
Plaintext
{"version":3,"file":"su-toolbar.js","sources":["../../../../../../src/sheep/ui/su-toolbar/su-toolbar.vue","../../../../../../uniComponent:/RDovQXBwL1dvcmsvYWRkci9hY2RyLXVpL3NyYy9zaGVlcC91aS9zdS10b29sYmFyL3N1LXRvb2xiYXIudnVl"],"sourcesContent":["<template>\r\n <view class=\"u-toolbar\" @touchmove.stop.prevent=\"noop\" v-if=\"show\">\r\n <view class=\"u-toolbar__cancel__wrapper\" hover-class=\"u-hover-class\">\r\n <text\r\n class=\"u-toolbar__wrapper__cancel\"\r\n @tap=\"cancel\"\r\n :style=\"{\r\n color: cancelColor,\r\n }\"\r\n >\r\n {{ cancelText }}\r\n </text>\r\n </view>\r\n <text class=\"u-toolbar__title u-line-1\" v-if=\"title\">{{ title }}</text>\r\n <view class=\"u-toolbar__confirm__wrapper\" hover-class=\"u-hover-class\">\r\n <text\r\n class=\"u-toolbar__wrapper__confirm\"\r\n @tap=\"confirm\"\r\n :style=\"{\r\n color: confirmColor,\r\n }\"\r\n >\r\n {{ confirmText }}\r\n </text>\r\n </view>\r\n </view>\r\n</template>\r\n\r\n<script>\r\n/**\r\n * Toolbar 工具条\r\n * @description\r\n * @tutorial https://www.uviewui.com/components/toolbar.html\r\n * @property {Boolean}\tshow\t\t\t是否展示工具条（默认 true ）\r\n * @property {String}\tcancelText\t\t取消按钮的文字（默认 '取消' ）\r\n * @property {String}\tconfirmText\t\t确认按钮的文字（默认 '确认' ）\r\n * @property {String}\tcancelColor\t\t取消按钮的颜色（默认 '#909193' ）\r\n * @property {String}\tconfirmColor\t确认按钮的颜色（默认 '#3c9cff' ）\r\n * @property {String}\ttitle\t\t\t标题文字\r\n * @event {Function}\r\n * @example\r\n */\r\nexport default {\r\n name: 'SuToolbar',\r\n props: {\r\n // 是否展示工具条\r\n show: {\r\n type: Boolean,\r\n default: true,\r\n },\r\n // 取消按钮的文字\r\n cancelText: {\r\n type: String,\r\n default: '取消',\r\n },\r\n // 确认按钮的文字\r\n confirmText: {\r\n type: String,\r\n default: '确认',\r\n },\r\n // 取消按钮的颜色\r\n cancelColor: {\r\n type: String,\r\n default: '#909193',\r\n },\r\n // 确认按钮的颜色\r\n confirmColor: {\r\n type: String,\r\n default: '#3c9cff',\r\n },\r\n // 标题文字\r\n title: {\r\n type: String,\r\n default: '',\r\n },\r\n },\r\n methods: {\r\n // 点击取消按钮\r\n cancel() {\r\n this.$emit('cancel')\r\n },\r\n // 点击确定按钮\r\n confirm() {\r\n this.$emit('confirm')\r\n },\r\n // 阻止事件冒泡\r\n preventEvent(e) {\r\n e && typeof e.stopPropagation === 'function' && e.stopPropagation()\r\n },\r\n // 空操作\r\n noop(e) {\r\n this.preventEvent(e)\r\n },\r\n },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n \r\n.u-toolbar {\r\n align-items: center;\r\n justify-content: space-between;\r\n height: 42px;\r\n @include flex;\r\n\r\n &__wrapper {\r\n &__cancel {\r\n padding: 0 15px;\r\n font-size: 15px;\r\n color: #111111;\r\n }\r\n }\r\n\r\n &__title {\r\n flex: 1;\r\n padding: 0 60rpx;\r\n font-size: 16px;\r\n color: #000000;\r\n text-align: center;\r\n }\r\n\r\n &__wrapper {\r\n &__confirm {\r\n padding: 0 15px;\r\n font-size: 15px;\r\n color: #ffffff;\r\n }\r\n }\r\n}\r\n</style>\r\n","import Component from 'D:/App/Work/addr/acdr-ui/src/sheep/ui/su-toolbar/su-toolbar.vue'\nwx.createComponent(Component)"],"names":[],"mappings":";;AA0CA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EACN,OAAO;AAAA;AAAA,IAEL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA,IAED,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA,IAED,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA,IAED,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA,IAED,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA,IAED,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EACD,SAAS;AAAA;AAAA,IAEP,SAAS;AACP,WAAK,MAAM,QAAQ;AAAA,IACpB;AAAA;AAAA,IAED,UAAU;AACR,WAAK,MAAM,SAAS;AAAA,IACrB;AAAA;AAAA,IAED,aAAa,GAAG;AACd,WAAK,OAAO,EAAE,oBAAoB,cAAc,EAAE,gBAAgB;AAAA,IACnE;AAAA;AAAA,IAED,KAAK,GAAG;AACN,WAAK,aAAa,CAAC;AAAA,IACpB;AAAA,EACF;AACH;;;;;;;;;;;;;;;;;;;AC7FA,GAAG,gBAAgB,SAAS;"} |