tijiao

uni_modules/piaoyi-editor/components/piaoyi-editor/piaoyi-editor.vue

@@ -4,7 +4,7 @@
 			<view class="page-body" style="height: 100%;">
 				<view class='wrapper' style="height: 100%;">
 					<PickerColor ref="colorPicker" :color="{r: 255,g: 0,b: 0,a: 0.6}" @confirm="confirm"></PickerColor>
-					<view class='toolbar' @tap="format">
+					<view class='toolbar' @tap="format" :style="`top:${toolbarTop?toolbarTop:0} ;`">
 						<!-- <view class="iconfont icon-undo" @tap="undo"></view>
 						<view class="iconfont icon-redo" @tap="redo"></view> -->
 						<!-- <view class="iconfont icon-charutupian" @tap="insertImage"></view> -->
@@ -75,6 +75,10 @@
 				type: String,
 				default: ''
 			},
+			toolbarTop: {
+				type: String,
+				default: ''
+			},
 			placeholder: {
 				type: String,
 				default: ''
@@ -399,8 +403,8 @@
   position: sticky;
   top: -1px; /* 距离顶部的距离 */
   z-index: 10; /* 确保在其他内容之上 */
-  background-color: #d8e6ff;
-  border-bottom: 1rpx solid #5188e5;
+  background-color: #fff;
+  border-bottom: 1rpx solid #f7f7f7;
 		/* position: fixed;
 		bottom: 10upx;
 		left: 0;
@@ -419,6 +423,9 @@
 		line-height: 1;
 		padding-bottom: 60upx;
 	}
+	/deep/ .ql-container .ql-editor{
+		overflow: visible !important;
+	}
 
 	/deep/ .ql-editor.ql-blank:before {
 		font-size: 28upx;