使用的是mp-html的代码高亮插件,html 中符合以下格式的 pre 将被高亮处理:

<pre><code class=language-css>p { color: red }</code></pre>

 

示例如下:


	jQuery(document).click(function(e) {
		var size = 100//自定义大小
		jQuery('body').append("
") jQuery('.jh').css({ position: 'fixed',//使用相对于浏览器进行定位 left: e.clientX, top: e.clientY, borderRadius: size + 'px', border: '1px solid black', }).stop().animate({//设置最终样式,用动画来表现(当点击过快时需要用stop来终止上一次未进行完的动画) width: size, height: size, left: e.clientX - size / 2, top: e.clientY - size / 2, opacity: '0' }, function() {//动画运行完毕后删除此div jQuery('body .jh').remove() }) })

.zhuige-scroll-goods .zhuige-scroll-ad-block>view:nth-child(1) {
	height: 400rpx;
}

.zhuige-scroll-goods .zhuige-scroll-ad-block>view:nth-child(2) {
	position: relative;
	background: none;
	padding-top: 20rpx;
}

.zhuige-scroll-goods .zhuige-scroll-ad-block>view:nth-child(2) view {
	color: #010101;
	padding: 0;
}

 

高亮功能依赖于 prismjs,默认配置中仅支持 html、css、c-like、javascript 语言和 Tomorrow Night 主题,如果需要更多语言或更换主题请前往 官网 下载对应的 prism.min.js 和 prism.css 并替换 plugins/highlight/ 目录下的文件(prismjs 的插件大多涉及 dom 操作,基本不可用,请勿选择)

版权声明:酱茄所提供的文章、图片等内容均为用户发布或互联网整理而来,仅供学习参考,如有侵犯您的版权,请联系:help@jiangqie.com,我们将在3日内删除。

猜你喜欢
发表评论

电子邮件地址不会被公开。 必填项已用*标注

评论信息

picture lossBANYOUNG.回复2023-03-24 12:09

6

picture lossLuo回复2023-04-06 17:54

picture loss微信用户回复2023-04-12 22:18

牛🐮

picture lossz回复2023-10-23 12:39

6

picture loss微信用户回复2023-12-31 16:36

6

picture loss