info

2025-03-12 20:11:03 +08:00
commit 70b7c82c97
1178 changed files with 148185 additions and 0 deletions
@@ -0,0 +1,81 @@
+<template>
+	<view>
+		<toolbarTool type="button" @change="$refs.popup.open()" :active="active" :disabled="disabled" :tooltip="{content: active ? '修改链接': '添加链接'}">
+			<uni-icons custom-prefix="editor-icon" type="icon-link" size="24px"></uni-icons>
+		</toolbarTool>
+		<uni-popup ref="popup" type="center">
+			<view class="popup-body">
+				<uni-forms label-width="90px">
+					<uni-forms-item label="链接地址" name="link">
+						<uni-easyinput v-model="link" placeholder="填写链接地址"/>
+					</uni-forms-item>
+				</uni-forms>
+				<view class="popup-body-btn-group">
+					<button class="btn" size="mini" @click="$refs.popup.close()">取消</button>
+					<button class="btn" size="mini" type="primary" @click="change">确定</button>
+				</view>
+			</view>
+		</uni-popup>
+	</view>
+</template>
+
+<script>
+import ToolbarTool from "./base.vue";
+
+export default {
+	name: "tool-link",
+	emits: ['change'],
+	props: {
+		active: [Boolean, String],
+    disabled: Boolean
+	},
+	data () {
+		return {
+			link: ''
+		}
+	},
+	watch: {
+		active (newValue) {
+      if (newValue) {
+        this.link = newValue
+      }
+		}
+	},
+	components: {
+		ToolbarTool
+	},
+	methods: {
+		change () {
+			this.$emit('change', {
+				type: 'link',
+				value: this.link
+			})
+			this.$refs.popup.close()
+		}
+	}
+}
+</script>
+
+<style scoped lang="scss">
+// #ifdef H5
+@import '@/uni_modules/uni-cms/common/style/editor-icon.css';
+// #endif
+.popup-body {
+	padding: 30px;
+	border-radius: 5px;
+	background: #fff;
+	width: 350px;
+
+	&-btn-group {
+		display: flex;
+		align-items: center;
+		justify-content: flex-end;
+		.btn {
+			margin: 0 5px;
+			&:last-child {
+				margin-right: 0;
+			}
+		}
+	 }
+}
+</style>