[代码]<!--pages/preview/preview.wxml-->[代码] [代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"warp"[代码][代码]>[代码][代码]  [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"title"[代码][代码]>{{title}}</[代码][代码]view[代码][代码]>[代码][代码]  [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"author"[代码][代码]>{{author}}</[代码][代码]view[代码][代码]>[代码][代码]  [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"show-rich"[代码][代码]>[代码][代码]    [代码][代码]<[代码][代码]rich-text[代码] [代码]class[代码][代码]=[代码][代码]"rich"[代码] [代码]nodes[代码][代码]=[代码][代码]"{{nodes}}"[代码] [代码]space[代码][代码]=[代码][代码]"nbsp"[代码][代码]></[代码][代码]rich-text[代码][代码]>[代码][代码]  [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码]</[代码][代码]view[代码][代码]>[代码][代码]<[代码][代码]button[代码] [代码]type[代码][代码]=[代码][代码]"primary"[代码] [代码]class[代码][代码]=[代码][代码]"btn"[代码] [代码]bindtap[代码][代码]=[代码][代码]"clickToNotice"[代码][代码]>发布</[代码][代码]button[代码][代码]>[代码][代码]// pages/preview/preview.js[代码][代码]Page({[代码][代码]  [代码][代码]data: {[代码][代码]    [代码][代码]title: [代码][代码]""[代码][代码],[代码][代码]    [代码][代码]author: [代码][代码]""[代码][代码],[代码][代码]    [代码][代码]nodes: [代码][代码]""[代码][代码]  [代码][代码]},[代码][代码]  [代码][代码]onLoad:[代码][代码]function[代码][代码](){[代码][代码]    [代码][代码]const that = [代码][代码]this[代码][代码];[代码][代码]    [代码][代码]var[代码] [代码]pages = getCurrentPages();[代码][代码]    [代码][代码]var[代码] [代码]prevPage = pages[pages.length - 2];[代码][代码]    [代码][代码]that.setData({[代码][代码]      [代码][代码]title:prevPage.data.title,[代码][代码]      [代码][代码]author:prevPage.data.author,[代码][代码]      [代码][代码]nodes: prevPage.data.nodes[代码][代码]    [代码][代码]})[代码][代码]  [代码][代码]},[代码][代码]  [代码][代码]clickToNotice() {[代码][代码]    [代码][代码]wx.showToast({[代码][代码]      [代码][代码]title: [代码][代码]'成功'[代码][代码],[代码][代码]      [代码][代码]icon: [代码][代码]'success'[代码][代码],[代码][代码]      [代码][代码]duration: 1500,[代码][代码]      [代码][代码]mask: [代码][代码]true[代码][代码],[代码][代码]      [代码][代码]success: [代码][代码]function[代码] [代码]() {[代码][代码]        [代码][代码]setTimeout([代码][代码]function[代码] [代码]() {[代码][代码]          [代码][代码]wx.reLaunch({[代码][代码]            [代码][代码]url: [代码][代码]'/pages/workbench/workbench'[代码][代码],[代码][代码]          [代码][代码]})[代码][代码]        [代码][代码]}, 1500);[代码][代码]      [代码][代码]}[代码][代码]    [代码][代码]})[代码][代码]  [代码][代码]}[代码][代码]})[代码][代码]/* pages/preview/preview.wxss */[代码][代码].warp{[代码][代码]  [代码][代码]height[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码]  [代码][代码]display[代码][代码]: flex;[代码][代码]  [代码][代码]flex-[代码][代码]direction[代码][代码]: column;[代码][代码]  [代码][代码]padding[代码][代码]: [代码][代码]20[代码][代码]rpx;[代码][代码]}[代码][代码].title{[代码][代码]  [代码][代码]text-align[代码][代码]: [代码][代码]left[代码][代码];[代码][代码]  [代码][代码]padding[代码][代码]: [代码][代码]15[代码][代码]rpx;[代码][代码]  [代码][代码]font-size[代码][代码]: [代码][代码]40[代码][代码]rpx;[代码][代码]  [代码][代码]word-wrap:break-word;[代码][代码]  [代码][代码]/* word-break: break-all; */[代码][代码]}[代码][代码].author{[代码][代码]  [代码][代码]text-align[代码][代码]: [代码][代码]left[代码][代码];[代码][代码]  [代码][代码]padding[代码][代码]: [代码][代码]15[代码][代码]rpx;[代码][代码]  [代码][代码]color[代码][代码]: [代码][代码]#aaa[代码][代码];[代码][代码]  [代码][代码]font-size[代码][代码]: [代码][代码]35[代码][代码]rpx;[代码][代码]}[代码][代码].show-rich{[代码][代码]  [代码][代码]/* text-indent: 2em; */[代码][代码]  [代码][代码]word-wrap:break-word;[代码][代码]  [代码][代码]font-size[代码][代码]: [代码][代码]35[代码][代码]rpx;[代码][代码]  [代码][代码]padding[代码][代码]: [代码][代码]15[代码][代码]rpx;[代码][代码]  [代码][代码]line-height[代码][代码]: [代码][代码]1.5[代码][代码];[代码][代码]}[代码][代码].rich{[代码][代码]  [代码][代码]padding[代码][代码]: [代码][代码]0[代码][代码];[代码][代码]}[代码][代码].btn{[代码][代码]  [代码][代码]margin[代码][代码]: [代码][代码]30[代码][代码]rpx [代码][代码]10px[代码][代码];[代码][代码]}[代码]我的nodes是从editor组件中的onContentChange获取的 [代码]// 获取内容[代码][代码]  [代码][代码]onContentChange(e) {[代码][代码]    [代码][代码]const that = [代码][代码]this[代码][代码];[代码][代码]    [代码][代码]that.setData({[代码][代码]      [代码][代码]nodes: e.detail.html[代码][代码]    [代码][代码]})[代码][代码]    [代码][代码]console.log(that.data.nodes);[代码][代码]  [代码][代码]},[代码]

这是现在利用editor组件的有序列表和无序列表的效果 [图片] 但是我想实现序号和内容之间没有空的区域，例如 这是1 这是2 该如何修改样式文件？望各位指点迷津