更新记录

1.5.0（2025-12-05） 下载此版本

  • 问题修复
  • 1、浏览器页面增加跳转拦截，避免页面被跳转链接覆盖或者跳转三方APP
  • 2、内置二维码生成插件，修复海报分享在生成二维码卡住的问题
  • 3、修复导入的本地资源重命名无反应的问题
  • 4、音频播放记录更改current为当前专辑播放位置
  • 5、修复私有目录文件分享后源文件消失的问题
  • 内容新增
  • 1、首页右上角天气点击增加跳转百度天气功能，增加访问记录、阅读记录、我的收藏、我的关注、常用工具入口，增加地址跳转输入框，增加扫码跳转功能
  • 2、我的设置页面增加下载路径、浏览器视频全屏方向、应用启动手势密码锁、系统音量、系统亮度、系统缓存清除配置项,调试模式改为开启日志
  • 3、小程序页面增加开发者工具（类似浏览器开发工具，用于调试应用小程序的开发，可展示打印日志和网络请求）
  • 4、小程序源码编辑页面增加快捷选择输入，比如：内置图标选择、声明符选择，页面选择、组件选择。增加撤回撤销按钮，增加格式化内容按钮
  • 5、增加扫码导入网络源的功能。增加导入源之前编辑源规则的功能。
  • 6、浏览器页面增加二维码分享网页和刷新页面功能。
  • 7、应用启动增加手势密码锁，保护隐私。
  • 内容优化
  • 1、使用webview加载网页实现短视频滑动播放，现在短视频滑动更顺畅且不会有闪退问题。增加模块展示，可展示评论、推荐等。增加列表模式，可快速跳转视频。顶部增加选项栏展示。
  • 2、视频播放器使用webview加载网页实现，取消原生video的使用，减少app包大小为7mb左右，视频播放由页面内播放改为应用内全局播放（退出播放页面，也能继续播放，除非退出应用），本地视频播放和小程序内视频播放增加b站和本地弹幕文件加载，可以自己加载弹幕播放。
  • 3、小程序文章页面优化，现在可以展示单页文章，多页文章和社区交流贴展示。给导航栏和tabbar栏增加阴影效果。统一资源详情页展示模块，封装为组件。增加t-cell主题单元格组件。
  • 4、评论列表增加表情符号替换为emoji符号功能。增加直接展示img图片表情的功能。
  • 5、漫画阅读页增加双指拖动放大功能。
  • 6、图片页图片列表展示使用webview加载网页实现，增加双指放大功能，界面样式优化。
  • 7、音频播放界面从页面变成组件，展示时速度更快，动画更流畅。
  • 8、音频和图片增加请求源域名配置，图片单独增加解密功能，具体看文档。
  • 9、直播页面增加直播列表展示。
  • 源规则更改
  • 1、短视频页源规则结构更改，具体看文档。
  • 2、直播页源规则结构更改，具体看文档。
  • 3、音频页源规则结构更改，具体看文档。
  • 4、源规则根目录增加onLaunch、globalMethod和globalConfig配置，具体看文档。
  • 5、源规则request请求增加多种配置，具体看文档。
  • 6、源规则许多内置方法取消，现在统一整合到Utils属性中，同时增加内置方法WebWorker，具体看文档。
  • 7、源规则globalStyle属性结构更改，具体看文档。

1.4.9（2025-07-10） 下载此版本

  • 更新视频播放功能逻辑
  • 优化网页访问弹窗询问跳转后，没有导航栏的问题

1.4.8（2025-02-08） 下载此版本

  • 这是一次大更新，版本升级为3.0
  • 2.0的源不能在该版本上使用
  • 需要2.0版本源码请去我得gitee仓库下载
  • 具体更新功能请下载打包之后体验

查看更多

平台兼容性

uni-app
Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
√ × - - √ √ - - -
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 快应用-华为 快应用-联盟
× × × × - - - × - × ×

应用介绍

  • 1、该项目为聚合资源APP，暂只支持安卓APP
  • 2、聚合资源包括小说、漫画、视频、直播、文章、论坛、音乐等
  • 3、该项目支持加载外部来源，也支持内置来源
  • 4、为避免版权问题，该项目不提供内置源
  • 5、1.0版本的好用聚合库链接
  • 6、2.0版本的好用聚合库链接
  • 7、项目使用图标库
  • 8、有什么不懂的，可以加 1_0_8_7_7_3_5_9_4_2 去掉横杠即可

免责声明

  • 本免责声明(以下简称“免责声明”或“本声明”)适用于好用聚合项目(以下简称"好用聚合")，在使用人及组织(以下简称"使用者")阅读本声明后若不同意此声明中的任何条款，或对本声明存在质疑，请立刻停止使用此项目。若您已经开始或正在使用此项目，则表示您已阅读并同意本声明的所有条款之约定。
  • 1.使用者通过任何形式或方式使用好用聚合即表示您已经同意本声明，本声明立即自动生效。
  • 2.使用者使用好用聚合自行承担风险，作者不做任何形式的保证, 因代码质量、系统BUG等任何技术原因而引起的问题，作者也不承担任何法律责任。
  • 3.使用者保证好用聚合不用于任何违法犯罪行为，如传播色情、赌博等。
  • 4.使用者保证好用聚合所展示内容不涉及版权或隐私等问题。
  • 5.使用者保证好用聚合不用于任何商业或盈利等行为。
  • 6.使用者使用好用聚合违反上述任何行为所造成的一切后果均由使用者承担。

源规则详解

  • 内置方法
方法名 说明
HTMLParser 格式化html字符串，用于获取数据点击查看文档
Base64 base64加密和解密方法
CryptoJS CryptoJS工具组
Xhr plus.net.xmlHttpRequest请求方法点击查看文档
Http uni.request请求方法点击查看文档
GBK 转gbk编码格式
WebWorker 将js传入浏览器环境执行
Utils 工具栏
  • 示例用法（这里示例用法只是介绍各种方法的使用方式，实际的json布局不是这样的）
{
    //HTMLParser示例用法
    "test": "@sync: var document = new HTMLParser(lastResult);return document.getElementsByClassName('className');",
    //Base64示例用法
    "test1": "@sync: var str = lastResult;var base64 = Base64.encode(str);var originStr = Base64.decode(base64);return base64",
    //CryptoJS示例用法（CryptoJS是很常用的库，内置许多加密方式，具体可以自己研究，这里只做简单示例）
    "test2": "@sync: var str = lastResult;var md5 = CryptoJS.MD5(str).toString();return md5",//md5加密
    //Xhr示例用法
    "test3": "@async: var res = await Xhr.get('https://www.test.com', { header: {}, params: {} });return res.data",
    //Http示例用法
    "test4": "@async: var res = await Http.get('https://www.test.com', { header: {}, params: {}, responseType: 'arraybuffer' });return res.data",
    //GBK示例用法，转换字符为gbk格式主要用于一些网站的搜索，因为一些网站搜索关键词是gbk格式的
    "test5": "@sync: var str = '搜索关键词'; var gbkStr = GBK(str); return gbkStr",
    //WebWorker示例用法，这段代码的意思是将codeStr的字符串，传入浏览器环境执行，window.btoa是浏览器专有属性用于base64加密，"是双引号\"，这是规则内定义好了的，会自动转换
    "test6": "@async: var codeStr = 'var str = "123"; var base64 = window.btoa(str);'; return await WebWorker(codeStr)",
    //Utils示例用法，Utils内置多种工具，具体见下方
    "test7": "@sync: var num = 15620; return Utils.numberFormat(num, '万')",//格式化数字，带上单位万
}
  • 工具栏方法(Utils)
/**
* 补零
* @param {Number} val 数字
**/
const zeroize = function (val) {
    return val >= 10 ? val : '0' + val
}

/**
* 是否是链接
* @param {Number} url 链接
**/
const validateUrl = function (url) {
    return url.startsWith('http://') || url.startsWith('https://')
}

/**
* 是否是纯数字
* @param {Number} str 文本
**/
const validateNumber = function (str) {
    return /\d+/.test(str)
}

/**
* 是否是图片链接（包含base64判断）
* @param {Number} url 图片链接
**/
const validateImage = function (url) {
    const imageType = ['png', 'jpg', 'jpeg', 'gif', 'webp']
    return url.startsWith('data:image') || imageType.some(t => url.includes(t) || url.includes(t.toUpperCase()))
}

/**
* 复制文本
* @param {Number} text 字符串
**/
const copyText = function (text, message) {
    uni.setClipboardData({
        data: text,
        success: function () {
            uni.showToast({
                title: message || '复制成功',
                icon: 'none'
            })
        }
    });
}

/**
 * 文件大小格式化
 * @param {String} available 文件大小
 **/
const fileSizeFormat = function (available) {
    const size = available != 'null' ? available : 0;
    let fileSizeString;
    if(size == 0){
        fileSizeString = "0B";
    }else if(size < 1024){
        fileSizeString = size + "B";
    }else if(size < 1048576){
        fileSizeString = (size/1024).toFixed(2) + "KB";
    }else if (size < 1073741824){
        fileSizeString = (size/1048576).toFixed(2) + "MB";
    }else{
        fileSizeString = (size/1073741824).toFixed(2) + "GB";
    }
    return fileSizeString;
}

/**
 * 数字格式化
 * @param {Number} number 数字
 * @param {String} unit 单位
 * @param {Number} fixed 小数点最大保留多少位
 **/
const numberFormat = function (number, unit = '万', fixed = 2) {
    const units = {'亿': 100000000, '千万': 10000000, '百万': 1000000, '万': 10000, '千': 1000, '百': 100}
    const divisor = units[unit]
    if ( divisor ) {
        let num = (number / divisor).toString()
        if ( num.includes('.') && num.split('.')[1].length > fixed ) {
            num = (number / divisor).toFixed(2)
        }
        return num + unit
    }
    return num
}

/**
 * 时间格式化
 * @param {String} time 时间戳or时间
 **/
const dateFormat = function (time, formats = 'yyyy-mm-dd hh:mm:ss') {
    let arr = formats.split(' ')
    let dateFormats = ''
    let timeFormats = ''
    arr.forEach(item => {
        if ( item.indexOf('yy') > -1 ) {
            dateFormats = item
        } else {
            timeFormats = item
        }
    })
    const d = new Date(time);
    let result = ''
    if ( dateFormats.indexOf('yyyy') > -1 ) {
        result += d.getFullYear() + '-'
    }
    if ( dateFormats.indexOf('mm') > -1 ) {
        result += zeroize(d.getMonth() + 1) + '-'
    }
    if ( dateFormats.indexOf('dd') > -1 ) {
        result += zeroize(d.getDate()) + ' '
    }
    if ( timeFormats.indexOf('hh') > -1 ) {
        result += zeroize(d.getHours()) + ':'
    }
    if ( timeFormats.indexOf('mm') > -1 ) {
        result += zeroize(d.getMinutes()) + ':'
    }
    if ( timeFormats.indexOf('ss') > -1 ) {
        result += zeroize(d.getSeconds()) + ':'
    }
    return result.substring(0, result.length - 1)
}

/**
 * 秒数转化为时分秒
 * @param {String} value 秒数
 **/
const timeFormat = function (value, format = 'HH:mm:ss') {
    let hours ='00'
    if ( format.indexOf('HH') > -1 ) {
        hours = Math.floor(value / 60 / 60) >= 10 ? Math.floor(value / 60 / 60) : '0' + Math.floor(value / 60 / 60)
    }
    let minutes = '00'
    if ( format.split(':')[0] == 'HH' ) {
        minutes = Math.floor(value / 60 % 60) >= 10 ? Math.floor(value / 60 % 60) : '0' + Math.floor(value / 60 % 60)
    }
    if ( format.split(':')[0] == 'mm' ) {
        minutes = Math.floor(value / 60) >= 10 ? Math.floor(value / 60) : '0' + Math.floor(value / 60)
    }
    let seconds = Math.floor(value % 60) >= 10 ? Math.floor(value % 60) : '0' + Math.floor(value % 60);
    return format.indexOf('HH') > -1 ? hours + ':' + minutes + ':' + seconds : minutes + ':' + seconds
}
/**
 * 时间转化为秒数
 * @param {String} time 时间（HH:mm:ss）
 **/
const timeToSeconds = function (time){
    let arr = time.split(':')
    if ( arr.length == 2 ) arr.unshift('00')
    const seconds = parseInt(arr[0]) * 3600 + parseInt(arr[1]) * 60 + ( arr[2].indexOf('.') > -1 ? parseInt(arr[2].split('.')[0]) + parseInt(arr[2].split('.')[1]) / 1000 : parseInt(arr[2]) ) ;
    return seconds
}
/**
 * 移除url地址域名
 * @param {String} str http地址
 **/
const removeUrl = function (url) {
    let str = url.replace(/^http:\/\/[^/]+/, '');
    return str.substr(1);
}
/**
 * 获取文件后缀
 * @param {String} name 带后缀的文件名称
 **/
const suffix = function (name) {
    //获取图片后缀
    let fileName = name.lastIndexOf(".");
    let fileNameLength = name.length;
    let fileFormat = name.substring(fileName + 1, fileNameLength);
    return fileFormat.split('?')[0];
}
/**
 * 清除文件后缀
 * @param {String} name 带后缀的文件名称
*/
const removeSuffix = function (name) {
    //获取图片后缀
    let fileName = name.lastIndexOf(".");
    if ( fileName > -1 ) {
        let fileNameFormat = name.substring(0, fileName);
        return fileNameFormat;
    } else {
        return name
    }
}
/**
 * 链接参数拼接
 * @param {String} url 请求链接
 * @param {String} params 请求参数
*/
function urlPrams (url, params) {
    params = typeof params == 'object' ? params : [params]
    for (var k in params) {
        let value = params[k] !== undefined ? params[k] : ''
        value = typeof value == 'string' ? value : JSON.stringify(value)
        url +=(url.indexOf('?') < 0 ? '?' : '&') + `${k}=${encodeURIComponent(value)}`
    }
    return url
}
/**
 * 转化url参数为对象
 * @param {Array} href 携带参数的链接
*/
const convertUrlQueryObject = function(href) {
    const index = href.indexOf('?')
    const url = index > -1 ? href.substring(0, index) : href
    const search = index > -1 ? href.substring(index+1) : ''
    const vars = search.split('&')
    const obj = {}
    for (let i=0;i<vars.length;i++) {
        let pair = vars[i].split("=");
        obj[pair[0]] = pair[1]
    }
    return obj;
}
/**
 * 数组查找符合条件元素并返回下标
 * @param {Array} arr 传入数组
 * @param {String} value 条件元素
 * @param {String} query 对比key值
*/
const indexOf = function (arr, query, value) {
    let len = arr.length;
    for ( let i = 0; i < len; i++ ) {
        if ( arr[i][query] == value ) {
            return parseInt(i);
        }
    }
    return -1;
}
/**
 * 正则匹配
 * @param {String} type 匹配类型
 * @param {String} value 匹配值
*/
const validate = function (type, value) {
    const regs = {
        //身份证证则
        idcard: new RegExp(/^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$|^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/),
        //手机正则
        mobile: new RegExp(/^1[3456789]\d{9}$/),
        //固定电话正则
        phone: new RegExp(/^(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}$/),
        //金额验证
        price: new RegExp(/^[1-9]\d*(,\d{3})*(\.\d{1,2})?$|^0.\d{1,2}$/),
        //邮箱验证
        email: new RegExp(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/),
        //银行卡
        bankcard: new RegExp(/^([1-9]{1})(\d{15}|\d{18})$/)
    }
    return regs[type].test(value);
}
/**
 * 计算2个时间差的分钟数或者秒钟数或时钟数
 * @param {datetime} time1 开始时间
 * @param {datetime} time2 结束时间
*/
const timeMinuse = function (time1, time2, type = 'minutes') {
    //判断开始时间是否大于结束日期
    let date1 = new Date(time1);
    let date2 = new Date(time2);
    if  ( date1 > date2 ) {
      console.log("开始时间不能大于结束时间！");
      return false;
    }
    let seconds = date2.getTime() / 1000 - date1.getTime() / 1000;
    return type == 'minutes' ? (seconds / 60) : type == 'hours' ? (seconds / 60 / 60) : seconds;
}
/**
 * 判断值类型返回字符
 * @param {datetime} value 需要判断类型的值
*/
const typeCall = function (value) {
    const type = Object.prototype.toString.call(value);
    return type.slice(8, type.length - 1)
}
/**
 * 生成随机字符串
 * @param {Number} len 长度
*/
const randomString = function (len) {
    len = len || 32;
    var $chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678';    /****默认去掉了容易混淆的字符oOLl,9gq,Vv,Uu,I1****/
    var maxPos = $chars.length;
    var pwd = '';
    for (let i = 0; i < len; i++) {
      pwd += $chars.charAt(Math.floor(Math.random() * maxPos));
    }
    return pwd;
}
/**
 * 生成随机数字字符
 * @param {Number} len 长度
*/
const randomNumberString = function (len) {
    let min = 0;
    let max = len - 1;
    let arr = [];
    while ( arr.length < len ) {
        let value = Math.floor(Math.random() * (max - min + 1)) + min;
        if ( arr.indexOf(value) == -1 ) {
            arr.push( value )
        }
    }
    return arr.join('');
}
/**
 * 生成随机ID
*/
const randomId = function () {
    return new Date().getTime().toString() + Math.round(Math.random() * 10000);
}
/**
 * 生成随机不重复整数
 * @param {Number} len 长度
 * @param {Number} start 开始数字
*/
const randomSoleNumbers = function (len) {
    let min = 0;
    let max = len - 1;
    let arr = [];
    while ( arr.length < len ) {
        let value = Math.floor(Math.random() * (max - min + 1)) + min;
        if ( arr.indexOf(value) == -1 ) {
            arr.push( value )
        }
    }
    return arr;
}
/**
 * 16进制颜色转化为rgb
 * @param {String} hex 16进制颜色
*/
const hexToRgb = function (hex) {
    hex = hex.length == 7 ? hex : '#' + hex.slice(1, 4) + hex.slice(1, 4)
    let str="rgb("
    const r = parseInt(hex.slice(1,3),16).toString();   //ff  slice不包括end
    const g = parseInt(hex.slice(3,5),16).toString();   //00
    const b = parseInt(hex.slice(5,7),16).toString();   //ff
    str += r+","+g+","+b+")";
    return str
}
/**
 * rgb转化为16进制颜色
 * @param {String} rgb
*/
const rgbToHex = function (rgb) {
    rgb = rgb.replace('rgb(', '').replace(')', '')
    rgb = rgb.split(',')
    const r = parseInt(rgb[0], 10).toString(16);
    const g = parseInt(rgb[1], 10).toString(16);
    const b = parseInt(rgb[2], 10).toString(16);
    return '#' + (r.length == 2 ? r : r + r) + (g.length == 2 ? g : g + g) + (b.length == 2 ? b : b + b)
}
/**
 * 16进制颜色转化为rgba
 * @param {String} hex 16进制颜色
*/
const hexToRgba = function (hex, opacity) {
    hex = hex.length == 7 ? hex : '#' + hex.slice(1, 4) + hex.slice(1, 4)
    let str="rgba("
    const r = parseInt(hex.slice(1,3),16).toString();   //ff  slice不包括end
    const g = parseInt(hex.slice(3,5),16).toString();   //00
    const b = parseInt(hex.slice(5,7),16).toString();   //ff
    str += r+","+g+","+b+","+opacity+")";
    return str
}
/**
 * rgba转化为16进制颜色
 * @param {String} rgba
*/
const rgbaToHex = function (rgba) {
    rgba = rgba.replace('rgba(', '').replace(')', '')
    rgba = rgba.split(',')
    const r = parseInt(rgba[0], 10).toString(16);
    const g = parseInt(rgba[1], 10).toString(16);
    const b = parseInt(rgba[2], 10).toString(16);
    return '#' + (r.length == 2 ? r : r + r) + (g.length == 2 ? g : g + g) + (b.length == 2 ? b : b + b)
}
/**
 * 10进制颜色转化为rgb
 * @param {String} decimal 10进制颜色
*/
const decimalToRgb = function (decimal) {
    const r = (decimal >> 16) & 255;
    const g = (decimal >> 8) & 255;
    const b = decimal & 255;
    return 'rgb(' + r + ',' + g + ',' + b + ')'
}
/**
 * unicode转换为中文或字符串
 * @param {String} str
*/
const uncode = function (str) {
    return str.replace(/&#(x)?([^&]{1,5});?/g, function (a, b, c) {
        return String.fromCharCode(parseInt(c, b ? 16 : 10));
    })
}
/**
 * 删除对象指定属性
 * @param {Object} object 目标对象
 * @param {String} key 目标属性（多个以,分隔）
*/
const deleteProperty = function (object, key) {
    const obj = {}
    const keys = key.split(',').map(s => s.trim())
    Object.keys(object).forEach(k => {
        if ( keys.indexOf(key) == -1 ) obj[key] = object[key]
    })
    return obj
}
/**
 * 删除对象指定属性
 * @param {Object} object 目标对象
*/
const removeEmptyProperty = function (object) {//移除空值属性
    if (typeof object !== 'object' || object === null) {
        return object;
    }
    if (Array.isArray(object)) {
        return object.map(item => removeEmptyProperty(item)).filter(item => item !== null && item !== undefined && item !== "" && !(Array.isArray(item) && item.length === 0) && !(typeof item === 'object' && Object.keys(item).length === 0));
    }
    const newObj = {};
    for (const key in object) {
        if (object.hasOwnProperty(key)) {
            const value = removeEmptyProperty(object[key]);
            if (value !== null && value !== undefined && value !== "" && !(Array.isArray(value) && value.length === 0) && !(typeof value === 'object' && Object.keys(value).length === 0)) {
                newObj[key] = value;
            }
        }
    }
    return newObj;
}
/**
 * 判断数组是否包含另一个数组
 * @param {a} Array 包含数组
 * @param {b} Array 被包含数组
*/
const isContained = function (a, b){
    if( typeCall(a) != 'Array' || typeCall(b) != 'Array' ) return false;
    if(a.length < b.length) return false;
    for ( let i = 0; i < b.length; i++ ) {
        for(let j = 0; j < a.length; j++){
            if(JSON.stringify(b[i]) == JSON.stringify(a[j])) break;
            if ( j == a.length - 1 ) return false
        }
    }
    return true;
}
  • 关键词（注意标签内的空格是为了不被markdown编译加的，实际使用要去掉）
方法名 说明
< /if> 条件判断
< /elseif> 否则条件判断
< /then> 满足条件判断执行
< /else> 不满足条件判断执行
< /js> 执行js
  • 特殊转义字符（一些特殊字符存储在字符串中会有冲突，比如双引号，为了统一特殊字符的输入方法，所以在规则内使用一些定义好的字符替代这些特殊字符，转义字符分号前的空格时没有的，这是为了不被markdown编译加的，实际使用要去掉）
转义字符 原字符 说明
&es; \ 斜杠
&wrap; \n 换行
&nbsp ; 空格
&tabu; \t 制表符
&quot ; \" 双引号
&apos ; \' 单引号
&lt ; < 左尖括号
&gt ; > 右尖括号
&oe; { 左大括号
&ce; } 右大括号
  • 声明符
方法名 说明
@text: 文本声明符（直接返回文本）
@sync: 同步方法声明符
@async: 异步方法声明符
@sel: dom方法声明符（实例化html字符串提取dom）
@json: json方法声明符（获取json属性）
@for: for循环声明符
@map: map循环声明符（返回最终的列表）
@filter: 过滤声明符（过滤不满足条件的循环项）
@find: 查找声明符（找到满足条件的一项）
@sort: 排序声明符（排序）
@replace: 替换声明符（替换单个字符串）
@replaceAll: 替换全部声明符（替换所有满足条件的字符串）
@plain: 纯文本声明符（去除文本中的所有html标签、换行符和空格只保留文本内容）
@split: 分割声明符（分割字符串为数组）
@string: 转化字符串声明符（将数组转化为字符串等同于toString）
@dateFormat: 日期格式转换声明符
@join: 数组转字符串声明符
@slice: 字符串和数组切割声明符
@trim: 修剪声明符（去除字符串左右空格）
@have: 包含声明符（判断字符串中是否包含某个字符串）
@unhave: 不包含声明符（判断字符串中是否不包含某个字符串）
@equal: 相等声明符（判断两个参数是否相等）
@unequal: 不等声明符（判断两个参数是否不等）
@eval: 字符串转函数声明符（尝试转换字符串为函数）
@query: 链接参数获取并转换对象声明符（将url链接上拼接的参数转化为对象并返回）
@match: 正则匹配声明符（使用正则表达式匹配字符串中的字符）
@reverse: 反转声明符（反转数组）
@encodeUri: 转义声明符（等同于js的encodeURIComponent）
@decodeUri: 反转义声明符（等同于js的decodeURIComponent）
@objectKeys: 对象key属性整合数组声明符（等同于js的Object.keys）
@objectArray: 对象值转换数组声明符（将对象转化为数组）
@upper: 大写字母声明符（转化小写字母为大写字母）
@lower: 小写字母声明符（转化大写字母为小写字母）
@response: 返回结果声明符（直接返回最原始的请求结果）
@console: 打印日志声明符（类似于js的console.log，打印日志会在debug开启的开发者工具里面显示）
  • 内置变量（仅在@sync: @async: @map: @sort: @for: @filter:等声明符中才可使用）
变量名 说明
response 缓存变量，获取当前请求的缓存内容
response.header 缓存变量中的header属性，获取当前请求的服务器返回的header
response.content 缓存变量中的content属性，获取当前请求的返回的内容（已处理的内容）
response.originContent 缓存变量中的originContent属性，获取当前请求的返回的原始内容（未处理的内容）
response.params 缓存变量中的params属性，获取当前请求可能用到的所有参数（包含跳转页面携带的参数，page，搜索关键词keyword等，如果是资源请求还包含自定义的参数，对于你想拿到的参数都可以在在这个参数中尝试获取）
response.index 缓存变量中的index属性，如果当前规则处理属于列表（即规则对象中包含list属性）那么index可以获取到当前执行到第几项的索引
lastResult 上个步骤规则处理的最终结果
result @for:声明符中才有的变量，是@for:声明符返回的最终结果，默认值是空数组
baseUrl 基础域名，获取当前源的基础域名（动态获取的域名也从这里获取）
globalData 公共变量，源规则中globalData中自定义的变量
globalMethod 公共方法，源规则中globalMethod中自定义的属性（由于globalMethod的特殊性，仅支持在@async:声明符中使用）
  • 连接符
符号 说明
>> 步骤连接符，最常用的连接符，表示进行下一个步骤
&& 合并连接符，只能用于@sel:声明符，表示使用这个符号连接的操作会分开处理，最后结果会合并在一起变成数组返回
  • 使用示例（这里的使用示例仅演示使用方式，实际json布局不是这样）:

//@text:使用示例
{
    "test1": "@text:玄幻小说",//通常形式（输出 "玄幻小说"）
    "test2": "玄幻小说",//当没有其它声明符时可省略（输出 "玄幻小说"）
    "test3": "@text:@sync:return '玄幻小说'",//当有其它声明符时不可省略（输出 "@sync:return '玄幻小说'"）
    "test4": "@text:你好这是一本<js>@sync:return '玄幻小说'</js>"//配合<js></js>可以选择编译任意声明符而不是直接输出文本（输出 "你好这是一本玄幻小说"）
}

//@sync:使用示例
{
    "test1": "@sync:return '玄幻小说'",//普通用法（输出 "玄幻小说"）
    "test2": "@sync:return '玄幻小说'@sync:return lastResult.replace('小说','')",//继承上类规则结果lastResult（输出 "玄幻"）
    "test3": "@sync:return Utils.suffix('这是一个文件.mp4')",//调用内置方法（输出 "mp4"）
    "test4": "@sync:return baseUrl + '/test.png'",//使用内置属性baseUrl（baseUrl为自己设置的基础域名）
    "test5": "@sync:return globalData.customValue",//使用内置属性globalData，customValue为自定义公共变量
    "test6": "@sync:return response.content"//使用内置属性response返回最原始的请求结果
}

//@async:使用示例
{
    "test1": "@async:return await Http.get('https://www.baidu.com')",//普通用法（输出 "百度页面的html"）
    "test2": "@sync:return 'https://www.baidu.com'@async:return await Http.get(lastResult)",//继承上类规则结果lastResult（输出 "百度页面的html"）
    "test3": "@async:return await Http.get(baseUrl + 'test.html')",//使用内置属性baseUrl（baseUrl为自己设置的基础域名）
    "test4": "@async:return await Http.get(globalData.href + 'test.html')",//使用内置属性globalData，href为自定义公共变量
    "test5": "@async:return await Http.get('https://www.test.com/test.html', { header: response.header })",//使用内置属性response，请求返回的头部信息可以从这里获取（考虑到一些接口可能会有加密或者解密会使用到header中的数据）
    "test6": "@async:return await globalMethod.customHandle(lastResult)"//调用自定义方法globalMethod中的方法，globalMethod中的方法只能在@async:声明符中使用
}

//@json:使用示例（前面的@sync:声明符返回数据只是为了方便理解，实际使用大部分都用不到，@json:声明符就是操作json数据的，如果你的请求接口返回的就是json数据，那直接用@json:声明符获取就行）
{
    "test1": "@sync:return {'name': '名字', value: '123'}@json:name",//调用对象（输出 "名字"）
    "test2": "@sync:return {list: ['你好', '不好', '很好']}@json:list[1]"//调用数组（输出 "不好"）
}

//@sel:使用示例（元素选择器，很常用）
{
    "test1": "@sel:id.text>>text",//id选择器 假设有html文本 <span id="text">玄幻小说</span>（输出 "玄幻小说"）
    "test2": "@sel:class.text[0]>>text",//class选择器 假设有html文本 <span class="text">玄幻小说</span>（输出 "玄幻小说"）
    "test3": "@sel:tag.span[0]>>text",//tag选择器 假设有html文本 <span>玄幻小说</span>（输出 "玄幻小说"）
    "test4": "@sel:class.item[0]>>class.text[1]>>text",
    //多层选择 假设有html文本 <div class="item"><span class="text">玄幻小说</span><span class="text">悬疑小说</span></div>（输出 "悬疑小说"）
    "test5": "@sel:class.text[0]>>attr.title",//获取标签属性 假设有html文本 <span class="text" title="玄幻小说"></span>（输出 "玄幻小说"）
    "test6": "@sel:id.item>>content",//获取innerHTML内容 假设有html文本 <div id="item"><span>玄幻小说</span></div>（输出 "<span>玄幻小说</span>"）
    "test6": "@sel:id.item>>html",//获取outerHTML内容 假设有html文本 <div id="item"><span>玄幻小说</span></div>（输出 "<div id="item"><span>玄幻小说</span></div>"）
    "test6": "@sel:class.text1>>text&&class.text2>>text",//使用&&合并结果 假设有html文本 <div class="text1">玄幻小说</div><div class="text2">科幻小说</div>（输出 ["玄幻小说", "科幻小说"]）
    //标签属性匹配
    "test7": "@sel:tag.div[class][0]>>text",//获取包含class属性的div标签 假设有html文本 <div class="text1">玄幻小说</div><div>科幻小说</div>（输出 "玄幻小说"）
    "test8": "@sel:tag.div[class=text2][0]>>text",//获取class属性等于text2的div标签 假设有html文本 <div class="text1">玄幻小说</div><div class="text2">科幻小说</div>（输出 "科幻小说"）
    "test8": "@sel:tag.div[class!=text2][0]>>text",//获取class属性不等于text2的div标签 假设有html文本 <div class="text1">玄幻小说</div><div class="text2">科幻小说</div>（输出 "玄幻小说"）
    "test9": "@sel:tag.div[class*=text2][0]>>text",//获取class属性包含text2的div标签 假设有html文本 <div class="text1 text2 text3">玄幻小说</div><div class="text3">科幻小说</div>（输出 "玄幻小说"）
    "test9": "@sel:tag.div[class!*=text2][0]>>text",//获取class属性不包含text2的div标签 假设有html文本 <div class="text1 text2 text3">玄幻小说</div><div class="text3">科幻小说</div>（输出 "科幻小说"）
    "test10": "@sel:tag.div[class~=text2][0]>>text",//获取class属性单词（空格分隔）包含text2的div标签 假设有html文本 <div class="text1text2 text3">玄幻小说</div><div class="text1 text2">科幻小说</div>（输出 "科幻小说"）
    "test10": "@sel:tag.div[class!~=text2][0]>>text",//获取class属性单词（空格分隔）不包含text2的div标签 假设有html文本 <div class="text1text2 text3">玄幻小说</div><div class="text1 text2">科幻小说</div>（输出 "玄幻小说"）
    "test12": "@sel:tag.div[class^=text2][0]>>text",//获取class属性以text2开头的div标签 假设有html文本 <div class="text1 text2 text3">玄幻小说</div><div class="text2 text3">科幻小说</div>（输出 "科幻小说"）
    "test13": "@sel:tag.div[class$=text2][0]>>text",//获取class属性以text2结尾的div标签 假设有html文本 <div class="text1 text2">玄幻小说</div><div class="text2 text3">科幻小说</div>（输出 "玄幻小说"）
}

//@for:使用示例
{
    "test1": "@sync:return [{name: '玄幻'},{name: '悬疑'}]@for:result.push(item.name)"//普通用法（输出 "['玄幻', '悬疑']"）
}

//@map:使用示例
{
    "test1": "@sync:return [{name: '玄幻'},{name: '悬疑'}]@map:item.name",//普通用法（输出 "['玄幻', '悬疑']"）
    "test2": "@sync:return [{name: '玄幻', value: 1},{name: '悬疑', value: 2}]@map:{ return item.name + item.value}"//复杂用法（输出 "['玄幻1', '悬疑2']"）
}

//@filter:使用示例
{
    "test1": "@sync:return [{name: '玄幻'},{name: '悬疑'},{name: '古风'}]@filter:item.name == '玄幻'",//普通用法（输出 "[{name: '玄幻'}]"）
    "test2": "@sync:return [{name: '玄幻', value: 1},{name: '悬疑', value: 2}]@filter:{ return item.name == '悬疑' && item.value == 2}"//复杂用法（输出 "[{name: '悬疑', value: 2}]"）
}

//@sort:使用示例
{
    "test1": "@sync:return [4,1,6,8,10]@sort:a-b",//普通用法（输出 "[1,4,6,8,10]"）
    "test2": "@sync:return [{name: '悬疑', value: 2}, {name: '玄幻', value: 1}, {name: '古风', value: 3}]@sort:{ return a.value - b.value }"//复杂用法（输出 "[{name: '玄幻', value: 1}, {name: '悬疑', value: 2}, {name: '古风', value: 3}]"）
}

//@find:使用示例
{
    "test1": "@sync:return [{name: '悬疑'}, {name: '玄幻'}, {name: '古风'}]@find:item.name == '悬疑'",//普通用法（输出 "{name: '悬疑'}"）
    "test2": "@sync:return [{name: '悬疑'}, {name: '玄幻'}, {name: '古风'}]@find:{ var name = '悬疑';return item.name == name }"//复杂用法（输出 "{name: '悬疑'}"）
}

//@replace:使用示例
{
    "test1": "@sync:return '玄幻小说'@replace:小说>>漫画",//普通用法（输出 "玄幻漫画"）
    "test2": "@sync:return '玄幻小说'@replace:小说"//替换字符串为空（输出 "玄幻"）
}

//@replaceAll:使用示例
{
    "test1": "@sync:return '玄幻小说科幻小说'@replaceAll:小说>>漫画",//普通用法（输出 "玄幻漫画科幻漫画"）
    "test2": "@sync:return '玄幻小说科幻小说'@replaceAll:小说"//替换字符串为空（输出 "玄幻科幻"）
}

//@plain:使用示例
{
    "test1": "@sync:return '<p>玄幻小说</p>'@plain:"//普通用法（输出 "玄幻小说"）
}

//@split:使用示例
{
    "test1": "@sync:return '玄幻,科幻'@split:,",//普通用法（输出 "['玄幻', '科幻']"）
    "test2": "@sync:return '玄幻,科幻'@split:,>>1"//指定下标（输出 "科幻"）
}

//@string:使用示例
{
    "test1": "@sync:return ['玄幻','科幻','古风']@string:",//普通用法（输出 "玄幻,科幻,古风"）
    "test2": "@sync:return 10@string:2",//转换2进制（输出 "1010"）
    "test3": "@sync:return 10@string:16"//转换16进制（输出 "A"）
}

//@dateFormat:使用示例
{
    "test1": "@sync:return 1695608527060@dateFormat:",//时间戳转换（输出 "2023-09-25 10:23:21"）
    "test2": "@sync:return 1695608527060@dateFormat:yyyy-mm-dd",//只转换日期（输出 "2023-09-25"）
    "test3": "@sync:return 1695608527060@dateFormat:hh:mm:ss"//只转换时间（输出 "10:23:21"）
}

//@join:使用示例
{
    "test1": "@sync:return ['玄幻','科幻','古风']@join:;"//普通用法（输出 "玄幻;科幻;古风"）
}

//@slice:使用示例
{
    "test1": "@sync:return '玄幻小说'@slice:0>>1",//截取字符串（输出 "玄"）
    "test1": "@sync:return ['玄幻', '科幻']@slice:0>>1",//截取数组（输出 "['玄幻']"）
    "test1": "@sync:return '玄幻小说'@slice:1"//不传最后位置默认截取到最后（输出 "幻小说"）
}

//@trim:使用示例
{
    "test1": "@sync:return ' 这是一段2边有空格的文本 '@trim:"//普通用法（输出："这是一段2边有空格的文本"）
}

//@have:使用示例
{
    "test1": "@sync:return '这本小说已完结'@have:已完结"//普通用法（输出："true"）
}

//@equal:使用示例
{
    "test1": "@sync:return 500@equal:50"//普通用法（输出："false"）
}

//@unequal:使用示例
{
    "test1": "@sync:return 500@unequal:50"//普通用法（输出："true"）
}

//@eval:使用示例
{
    "test1": "@sync:return 'function () { return [1,2,3,4,5] }'@eval:",//普通用法（输出："[1,2,3,4,5]"）
    "test2": "@sync:return '[1,2,3,4,5]'@eval:function"//普通字符串强制转化为function用法（输出："[1,2,3,4,5]"）
}

//@query:使用示例
{
    "test1": "@sync:return '/article/read.html?id=150&c=123'@query:",//普通用法（输出："{id: 150, c: 123}"）
}

//@match:使用示例
{
    "test1": "@sync:return '你看过这本小说吗这是一本不错的小说'@match:小说>>小说",//普通用法（输出："['小说吗这是一本不错的小说', '吗这是一本不错的']"）
    "test2": "@sync:return '/article/150215.html'@match:article&es;/>>.html>>1"//复杂用法（输出："150215"）
}

//@reverse:使用示例
{
    "test1": "@sync:return [1,2,3]@reverse:"//普通用法（输出："[3,2,1]"）
}

//@encodeUri:使用示例
{
    "test1": "@sync:return '?id=123&c=123'@encodeUri:"//普通用法（输出："id%3D123%26c%3D123"）
}

//@decodeUri:使用示例
{
    "test1": "@sync:return 'id%3D123%26c%3D123'@decodeUri:"//普通用法（输出："?id=123&c=123"）
}

//@objectKeys:使用示例
{
    "test1": "@sync:return {name: 1, value: 2}@objectKeys:"//普通用法（输出："['name', 'value']"）
}

//@objectArray:使用示例
{
    "test1": "@sync:return {name: 1, value: 2}@objectArray:"//普通用法（输出："[1, 2]"）
}

//@upper:使用示例
{
    "test1": "@sync:return 'name'@upper:"//普通用法（输出："NAME"）
}

//@lower:使用示例
{
    "test1": "@sync:return 'NAME'@lower:"//普通用法（输出："name"）
}

//@response:使用示例
{
    "list": "@sel:class.item",//获取class为item的所有元素,输出数组
    "title": "@sel:text",//获取每一项中的文本内容
    "description": "@response:@sel:class.intro>>text"//通过response声明该项不从列表中获取数据，直接指定从元数据中获取
}

//@console:使用示例
{
    "list": "@sel:class.item@console:打印日志",//获取class为item的所有元素,然后打印到开发者工具，打印输出结果为：打印日志,（这里是上一次规格返回的结果）
}

//<if></if><then></then><else></else>使用示例
{
    "test1": "<if>@sync:return true</if><then>@sync: return '正确'</then>",//（输出："正确"）
    "test2": "<if>@sync:return false</if><then>@sync: return '正确'</then><else>@sync: return '错误'</else>"//（输出："错误"）
}

//list列表示例
{
    "list": "@sel:class.items",//特殊属性（一定要保证返回的是列表）
    "filter": "@sel:class.title[0]>>text@have:",//特殊字段 用于筛选列表（这里表示筛选出包含类名为title且包裹文本内容的元素）
    "...": "..."//自定义属性除了特殊字段其余为自定义属性
}

源规则基本结构

属性名 类型 默认值 可选值 说明
id String ---- ---- 应用唯一id
name String ---- ---- 应用名称
type String ---- ---- 应用类型
creator String ---- ---- 应用创建者
description String ---- ---- 应用简介
versionCode Number 100 ---- 应用版本号
versionName String 1.0.0 ---- 应用版本名称
href String ---- ---- 应用主域名（在请求缺少域名时会使用该域名拼接）
logo String ---- ---- 应用图标网络路径
themeColor String ---- ---- 主题颜色
isAdult Number 0 1/0 是否包含敏感内容
dynamic Object ---- ---- 动态域名请求规则
globalConfig Object ---- ---- 公共配置
globalData Object ---- ---- 公共变量
globalMethod Object ---- ---- 公共方法
globalStyle Object ---- ---- 公共样式
tabbar Object ---- ---- 应用底部导航栏
pages Array ---- ---- 应用页面集合
  • 示例用法
{
    "id": "......",//应用id
    "name": "......",//应用名称
    "type": "......",//应用类型
    "creator": "......",//应用创建者
    "versionCode": 100,//应用版本号
    "versionName": "1.0.0",//应用版本
    "description": "......",//应用简介
    "href": "......",//应用链接
    "logo": "......",//应用图标
    "themeColor": "#F5F5F5",//主题颜色
    "isAdult": 0,//是否敏感
    "onLaunch": "",//应用启动生命周期
    "dynamic": {},//动态链接请求
    "config": {},//公共配置
    "globalConfig": {},//公共配置
    "globalMethod": {},//公共方法
    "globalData": {},//应用公共变量
    "globalStyle": {},//应用公共样式
    "tabbar": {},//应用tabbar
    "pages": []//应用页面列表
}

globalConfig（公共配置）

属性名 类型 默认值 可选值 说明
cacheEfficiency Number 10000 ---- 请求缓存有效时间
timeout Number 10000 ---- 请求超时时间
imageDecrypt String ---- ---- 图片解密
imageReferer String ---- ---- 图片源域名（用于加载有防盗链的图片）
audioReferer String ---- ---- 音频源域名（用于加载有防盗链的音频）
---- Any ---- ---- 自定义方法
  • 示例用法
{
    "id": "......",//应用id
    "name": "......",//应用名称
    "type": "......",//应用类型
    "creator": "......",//应用创建者
    "versionCode": 100,//应用版本号
    "versionName": "1.0.0",//应用版本
    "description": "......",//应用简介
    "href": "......",//应用链接
    "logo": "......",//应用图标
    "isAdult": 0,//是否敏感
    "globalConfig": {
        //请求内容缓存有效时间
        "cacheEfficiency": 10000,
        //请求超时时间
        "timeout": 10000,
        //图片解密
        "imageDecrypt": "@sync: return lastResult.slice(0, 8)",//lastResult为图片链接
        //图片防盗链域名
        "imageReferer": "http://www.test.com",
        //音频防盗链域名
        "audioReferer": "http://www.audio.com"
    }
}

onLaunch(应用首次启动)

  • 示例用法（主要用于异步初始化一些数据）
{
    "id": "......",//应用id
    "name": "......",//应用名称
    "type": "......",//应用类型
    "creator": "......",//应用创建者
    "versionCode": 100,//应用版本号
    "versionName": "1.0.0",//应用版本
    "description": "......",//应用简介
    "href": "......",//应用链接
    "logo": "......",//应用图标
    "isAdult": 0,//是否敏感
    "onLaunch": "@async: const res = await Http.post('https://www.test.com/refreshtoken'); globalData.token = res.data.token;",
    "globalData": {
        "token": ""
    }
}

request（请求）

  • 注意事项
    • 在请求中的属性出现{{}}双大括号包裹的内容表示动态绑定 例："url": "/cat/1.html?&page={{page}}"，page表示当前的页数
属性名 类型 默认值 可选值 说明
url String ---- ---- 请求链接
nextUrl String ---- ---- 下一页请求链接（部分网站获取下一页数据的方式是从上一页请求数据中得到的，通过该属性返回下一页请求需要的链接）
device String 电脑 电脑/手机 请求平台
method String get get/post/postget 请求方式
params Object ---- ---- 请求参数
header Object ---- ---- 请求头
timeout Number 10000 ---- 请求超时时间
webview Number 0 0/1 是否开启webview加载内容（主要用于内容异步加载，且有加密和混肴等等的网页）
delay Number 1000 ---- 延迟获取webview内容（单位ms）
visits Number 1 ---- webview加载多少次后开始获取内容（考虑到一些网址会有多次中转跳转）
charset String utf-8 utf-8/gbk 请求编码格式
response String ---- ---- 请求结果处理规则
responseType String text arraybuffer/text 返回结果类型
sslVerify Number 0 0/1 验证 ssl 证书
cacheEfficiency Number 10000 ---- 请求结果缓存时间
  • 可能出现的动态绑定数据
属性名 类型 默认值 可选值 说明
page Number 1 ---- 当前页数
keyword String ---- ---- 搜索关键字（页面开启搜索功能后）
$ + 序号（例：$1） String ---- $1/$2/$3/... filter（筛选页）选中的选项值
left String ---- ---- linkage（双向联动页面）左边选项栏选中值
top String ---- ---- linkage（双向联动页面）顶部选项栏选中值
任意公共变量 ---- ---- ---- globalData属性中定义的公共变量
任意链接参数 ---- ---- ---- 进行应用内url跳转时携带的自定义参数（详情见下方#页面跳转）
  • 示例用法
{
    "request": {
        "url": "https://www.test.com/cat/1.html?&page={{page}}",//请求链接
        "header": {//自定义头部
            "Content-Type": "application/json"
        },
        "params": {//自定义参数
            "sort": "{{$1}}",
            "sign": "{{$2}}"
        },
        "device": "电脑"//请求平台
    }//请求
}
  • globalData示例用法
{   
    "globalData": {
        "myarg": "这是一个自定义参数"
    },//这里只是示例，globalData位置实际不在这里，应该要放在源规则第一层，详情见上方#源规则基本结构
    "request": {
        "url": "https://www.test.com/cat/1.html?&page={{page}}&myarg={{myarg}}",//请求链接
        "device": "电脑"//请求平台
    }//请求
}

dynamic（动态域名请求规则）（同上方request结构相同，只是多了result结果返回）

属性名 类型 默认值 可选值 说明
result String ---- ---- 最后返回的结果规则
  • 示例用法
{
    "id": "......",//应用id
    "name": "......",//应用名称
    "type": "......",//应用类型
    "creator": "......",//应用创建者
    "versionCode": 100,//应用版本号
    "versionName": "1.0.0",//应用版本
    "description": "......",//应用简介
    "href": "......",//应用链接
    "logo": "......",//应用图标
    "isAdult": 0,//是否敏感
    "dynamic": {
        "url": "https://www.test.com",//请求链接
        "deivce": "电脑",//请求平台
        "result": "@sel:class.link>>attr.href"//返回结果
    }
}

globalData（公共变量）

  • 示例用法
{
    "id": "......",//应用id
    "name": "......",//应用名称
    "type": "......",//应用类型
    "creator": "......",//应用创建者
    "versionCode": 100,//应用版本号
    "versionName": "1.0.0",//应用版本
    "description": "......",//应用简介
    "href": "......",//应用链接
    "logo": "......",//应用图标
    "isAdult": 0,//是否敏感
    "globalData": {
        "customData": "test"//自定义变量
    },
    "pages": [{
        "name": "index",
        "type": "module",
        "style": {
            "navigationTitle": "首页"
        },
        "components": [
            {
                "name": "card",
                "request": {
                    "url": "/article/list?cat=1&page={{page}}&customdata={{customData}}",//动态绑定参数，可以直接使用globalData中的customData属性
                    "device": "电脑"
                },
                "dynamicData": {
                    "list": "@sel:class.article-list[0]>>class.media",
                    "url": "articledetail?custom=<js>@sync: return globalData.customData</js>"//在sync中使用需要加上globalData
                }
            }
        ]
    }]
}

globalMethod（公共方法）

  • 示例用法
{
    "id": "......",//应用id
    "name": "......",//应用名称
    "type": "......",//应用类型
    "creator": "......",//应用创建者
    "versionCode": 100,//应用版本号
    "versionName": "1.0.0",//应用版本
    "description": "......",//应用简介
    "href": "......",//应用链接
    "logo": "......",//应用图标
    "isAdult": 0,//是否敏感
    "globalMethod": {
        "customDecrypt": "@sync: return lastResult.slice(0, 8)"//自定义解密方法
    },
    "pages": [{
        "name": "index",
        "type": "module",
        "style": {
            "navigationTitle": "首页"
        },
        "components": [
            {
                "name": "card",
                "request": {
                    "url": "/article/list?cat=1&page={{page}}",
                    "device": "电脑",
                    "response": "@async: return await globalMethod.customDecrypt(lastResult)"//提前处理请求内容，由于globalMethod的特殊性，只能放在@async中使用
                },
                "dynamicData": {
                    "list": "@sel:class.article-list[0]>>class.media",
                    "title": "@sel:class.media-object[0]>>attr.alt",
                    "cover": "@sel:class.media-object[0]>>attr.src",
                    "subtitle": "@sel:class.text-muted[0]>>text",
                    "url": "articledetail?id=<js>@sel:tag.a[0]>>attr.href@match:article&es;/>>.html>>1</js>"
                }
            }
        ]
    }]
}

页面样式

  • globalStyle（默认样式）
  • darkStyle（暗黑样式）
属性名 类型 默认值 可选值 说明
navigationTitle String ---- ---- 顶部导航栏标题
navigationTextColor String ---- ---- 顶部导航栏文字颜色
navigationCapsuleStyle String auto dark/light/auto 胶囊按钮样式
navigationBackground String ---- ---- 顶部导航栏背景（支持网络图片路径）
navigationBackgroundOpacity Number 1 ---- 顶部导航栏背景透明度
enableNavigationTransparent Number 0 1/0 开启顶部导航栏背景透明
enableNavigationCapsuleBorder Number 0 1/0 开启胶囊按钮边框
enableNavigationSearchInput Number 0 1/0 开启顶部导航栏搜索框
navigationSearchInputUrl String ---- ---- 顶部导航栏搜索框点击跳转链接（支持在线网址和规则页面）
navigationInputBackgroundColor String ---- ---- 顶部导航栏搜索框背景色
navigationInputTextColor String ---- ---- 顶部导航栏搜索框提示文字颜色
enablePulldown Number 0 1/0 开启下拉刷新
enableLoadmore Number 0 1/0 开启上拉加载更多
enableBackTop Number 0 1/0 开启返回顶部按钮
enableBounce Number 0 1/0 开启页面回弹
enableSwiper Number 0 1/0 开启左右滑动（仅支持filter/linkage/column/user类型页面）
enableSearch Number 0 1/0 开启搜索功能（仅支持module/column/filter/linkage类型页面）
enableSearchFirstLoad Number 0 1/0 开启搜索功能后第一次进入页面是否主动加载一次列表数据（仅支持module/column/filter/linkage类型页面）
enableTopGap Number 1 1/0 开启顶部间隔
enableFilterIcon Number 1 1/0 强制开启筛选页面的筛选图标（仅支持filter页面）
backTopImage String ---- ---- 自定义返回按钮网络图片路径
pulldownRefreshImage String ---- ---- 自定义下拉刷新图片网络路径
background String ---- ---- 页面背景（支持网络图片路径）
backgroundBlur Number 10 ---- 页面背景高斯模糊
pageMarginGap Number 20 ---- 页面左右边距
componentStyle Object ---- ---- 组件公共样式（详情见下方）
cellStyle Object ---- ---- 列表公共样式（详情见下方）
subsectionMainIndex Number 0 ---- 选项栏tabs的主要索引（仅支持filter页面）
subsectionColumn Number/String auto auto/任意整数 选项栏tabs列数（仅支持filter/linkage/column/user类型页面）
subsectionFilterColumn Number/String 4 auto/任意整数 选项栏tabs展开后的列数（仅支持filter类型页面）
subsectionBackgroundColor String ---- ---- 选项栏tabs背景色（仅支持filter/linkage/column/user类型页面）
subsectionSelectedColor String ---- ---- 选项栏tabs选中高亮色（仅支持filter/linkage/column/user类型页面）
loadingColor String ---- ---- 加载提示色
themeColor String ---- ---- 应用主题色（统一设置高亮色）
coverWidth Number ---- ---- 封面宽度（仅支持video/novel/comic/audio/picture等资源页面）
coverHeight Number ---- ---- 封面高度（仅支持video/novel/comic/audio/picture等资源页面）
coverBorderRadius Number ---- ---- 封面圆角（仅支持video/novel/comic/audio/picture等资源页面）
coverMode String aspectFill ---- 封面裁切模式（仅支持video/novel/comic/audio/picture等资源页面）
  • componentStyle（组件公共样式）
属性名 类型 默认值 可选值 说明
marginTop Number 30 ---- 上外边距
marginBottom Number 0 ---- 下外边距
marginLeft Number 默认值和页面边距（pageMarginGap）相同 ---- 左外边距
marginRight Number 默认值和页面边距（pageMarginGap）相同 ---- 右外边距
borderTop Number/String ---- ---- 上边框
borderBottom Number/String ---- ---- 下边框
backgroundColor String #ffffff ---- 组件背景色
backgroundOpacity Number 1 0-1 组件背景透明度
borderRadius Number 15 ---- 组件圆角
  • cellStyle（列表公共样式）
属性名 类型 默认值 可选值 说明
paddingLeft Number 默认值和页面边距（pageMarginGap）相同 ---- 左内边距
paddingRight Number 默认值和页面边距（pageMarginGap）相同 ---- 右内边距
marginLeft Number 0 ---- 左外边距
marginRight Number 0 ---- 右外边距
backgroundColor String #ffffff ---- 背景色
backgroundOpacity Number 1 0-1 背景透明度
  • 示例用法
{
    "id": "......",//应用id
    "name": "......",//应用名称
    "type": "......",//应用类型
    "creator": "......",//应用创建者
    "versionCode": 100,//应用版本号
    "versionName": "1.0.0",//应用版本
    "description": "......",//应用简介
    "href": "......",//应用链接
    "logo": "......",//应用图标
    "isAdult": 0,//是否敏感
    "globalStyle": {
        "navigationTitle": "首页",//导航栏标题
        "navigationTextColor": "#333333",//导航栏文字颜色
        //组件公共样式
        "componentStyle": {
            "marginTop": 0,//关闭顶部间隔
            "borderTop": 1,//开启顶部边框
            "borderBottom": "1px dashed #eee"//开启底部边框
        },
        //单元格公共样式
        "cellStyle": {
            "backgroundColor": "#eee"//设置单元格背景色
        },
        "darkStyle": {//暗黑模式
            "navigationTextColor": "#999999",//导航栏文字颜色
            "componentStyle": {
                "borderBottom": "1px dashed #999"//开启底部边框
            }
        }
    }
}

tabbar（底部导航栏）

  • style（默认样式）
  • darkStyle（暗黑样式）
属性名 类型 默认值 可选值 说明
background String ---- ---- 底部导航栏背景（支持网络图片路径）
color String ---- ---- 底部导航栏默认颜色
selectedColor String ---- ---- 底部导航栏选中高亮颜色
selectedBackground String ---- ---- 底部导航栏选中背景（支持网络图片路径）
backgroundOpacity Number 1 ---- 底部导航栏背景透明
  • list（底部导航栏列表）
属性名 类型 默认值 可选值 说明
name String ---- ---- 绑定页面名称
icon String ---- ---- 默认图标 可使用网络图片路径或者图标库
selectedIcon String ---- ---- 选中显示图标 可使用网络图片路径或者图标库
text String ---- ---- 文字
  • 示例用法
{
    "id": "......",//应用id
    "name": "......",//应用名称
    "type": "......",//应用类型
    "creator": "......",//应用创建者
    "versionCode": 100,//应用版本号
    "versionName": "1.0.0",//应用版本
    "description": "......",//应用简介
    "href": "......",//应用链接
    "logo": "......",//应用图标
    "isAdult": 0,//是否敏感
    "tabbar": {
        "style": {
            "background": "#ffffff",//tabbar背景
            "color": "#cccccc",//默认颜色
            "selectedColor": "#333333",//选中颜色
            "darkStyle": {
                "background": "#050505",//tabbar背景
                "color": "#999999",//默认颜色
                "selectedColor": "#cccccc",//选中颜色
            }//暗黑模式 结构和style一样
        },
        "list": [{
            "name": "index",//页面名称
            "icon": "home",//默认图标
            "selectedIcon": "home_fill",//选中图标
            "text": "首页"//文字
        },{
            "name": "filter",//页面名称
            "icon": "form",//默认图标
            "selectedIcon": "form_fill",//选中图标
            "text": "分类"//文字
        }]//tabbar列表
    },//应用tabbar
}

pages（页面）

属性名 类型 默认值 可选值 说明
name String ---- ---- 页面名称
style Object ---- ---- 页面样式（详情查看上方globStyle）
type String ---- module/filter/column/linkage/short/user/novel/comic/article/picture/video/audio/live 页面类型

路由页面跳转

  • 路由跳转能携带的固定参数
属性名 类型 默认值 可选值 说明
selected Number ---- ---- column、short页面tabs选项栏默认选中项
current Number ---- ---- short页面默认滑动位置
$ + '序号'（如:$1,$2,$3...等等） String ---- ---- filter页面选项栏默认选中值
top String ---- ---- linkage页面顶部选项栏默认选中值
left String ---- ---- linkage页面左边选项栏默认选中值
globalStyle Any ---- ---- globalStyle样式中任意参数（可动态改变跳转页面该样式）
  • 1、通过每个页面的name来实现跳转，例如：
{
    "pages": [{
        "name": "index",
        "type": "module",
        "style": {
            "navigationTitle": "首页"
        },
        "components": [
            {
                "name": "search-input",
                "style": {
                    "url": "search",//跳转name为search的规则页面
                    "placeholder": "点击搜索内容",//提示文字
                    "borderRadius": 10//圆角
                }
            }
        ]
    },{
        "name": "search",
        "type": "module",
        "style": {
            "navigationTitle": "搜索页面",
            "enableSearch": 1//开启搜索功能
        }
    }]//应用页面列表
}
  • 2、跳转时可以携带参数，例如：
{
    "pages": [{
        "name": "index",
        "type": "module",
        "style": {
            "navigationTitle": "列表"
        },
        "cell": {
            "staticData": [{
                "title": "......",
                "cover": "......",
                "subtitle": "......",
                "url": "detail?id=123"//跳转时携带id参数
            }]
        }
    }, {
        "name": "detail",
        "type": "novel",
        "style": {
            "navigationTitle": "详情"
        },
        "detail": {
            "request": {
                "url": "/detail/{{id}}.html"//可以在请求当中动态绑定传过来的参数
            },
            "dynamicData": {
                "title": "......",
                "subtitle": "......",
                "cover": "......"
            }
        }
    }]//应用页面列表
}
  • 3、跳转时可以携带固定参数来实现修改跳转页面的样式，例如：
{
    "pages": [{
        "name": "index",
        "type": "module",
        "style": {
            "navigationTitle": "列表"
        },
        "cell": {
            "staticData": [{
                "title": "......",
                "cover": "......",
                "subtitle": "......",
                "url": "detail?id=123&background=https://www.test.com/images/151545.png"//跳转时background参数，该参数会覆盖掉跳转页面style样式中的background
            }]
        }
    }, {
        "name": "detail",
        "type": "novel",
        "style": {
            "navigationTitle": "详情",
            "background": "#f5f5f5"//跳转参数中携带background，则该样式会被覆盖
        },
        "detail": {
            "request": {
                "url": "/detail/{{id}}.html"//可以在请求当中动态绑定传过来的参数
            },
            "dynamicData": {
                "title": "......",
                "subtitle": "......",
                "cover": "......"
            }
        }
    }]//应用页面列表
}
  • 4、跳转时可以携带固定参数来实现修改拥有选项栏页面的默认选项（比如column, filter, linkage, short页面）：
{
    "pages": [{
        "name": "index",
        "type": "module",
        "style": {
            "navigationTitle": "首页"
        },
        "components": [
            {
                "name": "menu",
                "style": {
                    "column": 2,
                    "columnGap": 15
                },
                "staticData": [,{
                    "icon": "close",
                    "title": "韩漫",
                    "url": "type?$2=2"//跳转参数中携带（$+数字）,filter页面默认选中第二个选项栏值为1的选项
                },{
                    "icon": "close",
                    "title": "日漫",
                    "url": "art?selected=1"//跳转时携带selected参数，column页面默认显示第二栏
                },{
                    "icon": "close",
                    "title": "短视频",
                    "url": "short?current=5"//跳转时携带current参数，short页面默认滑动到第四项
                },{
                    "icon": "close",
                    "title": "排行",
                    "url": "rank?top=3&left=4"//跳转时携带top和left参数，linkage页面默认选中顶部导航栏值为3的选项和侧边导航栏值为4的选项
                }]
            }
        ]
    }]
}

module（模块页）

属性名 类型 默认值 可选值 说明
cell Object ---- ---- 单元格列表（具体见下方cell单元格讲解）
components Array ---- ---- 组件集合（具体见下方components组件讲解）
  • 示例用法
{
    "pages": [{
        "name": "index",
        "type": "module",
        "style": {
            "navigationTitle": "首页"
        },
        "components": [
            {
                "name": "search-input",
                "style": {
                    "url": "search",//跳转name为search的规则页面
                    "placeholder": "点击搜索内容",//提示文字
                    "borderRadius": 10//圆角
                }
            }
        ],
        "cell": {
            "style": {
                "cellName": "h-cell",
                "cellImageWidth": 160,
                "cellImageHeight": 220,
                "cellDescriptionLines": 4
            },
            "request": {
                "url": "/index",
                "device": "电脑"
            },
            "dynamicData": {
                "list": "@sel:class.rank-book-list[0]>>tag.a",
                "title": "@sel:class.book-name[0]>>text",
                "cover": "@sel:class.book-cover[0]>>tag.img[0]>>attr.src",
                "subtitle": "@sel:class.book-extra[0]>>text",
                "description": "@sel:class.book-intro[0]>>text",
                "url": "book?id=<js>@sel:attr.href@match:book&es;/>>.html>>1</js>"
            }
        }
    }]//应用页面列表
}

filter（筛选页）

  • 注意事项
    • filter页面如果有多个选项栏默认会折叠只显示一行，样式中subsectionMainIndex用于控制折叠后显示哪一个选项栏
    • 选中的选项栏的值会以（$ + 序号）的方式传给cell单元格列表的请求中，如第一行选项栏的值为（$1）例："url": "/cat/{{$1}}.html"
属性名 类型 默认值 可选值 说明
subsection Object ---- ---- 选项栏tabs
cell Object ---- ---- 单元格列表（具体见下方cell单元格讲解）
components Object ---- ---- 组件列表（具体见下方components组件讲解）
  • subsection（选项栏）
属性名 类型 默认值 可选值 说明
staticData Array ---- ---- 静态数据
request Object ---- ---- 请求（详情见上方request请求讲解）
dynamicData Object ---- ---- 动态数据
  • 数据
属性名 类型 默认值 可选值 说明
label String ---- ---- 选项栏标题
children Array/Object ---- ---- 选项栏集合
  • children
属性名 类型 默认值 可选值 说明
label String ---- ---- 选项栏标题
value String ---- ---- 选项栏绑定值
  • 示例用法
{
    "pages": [{
        "name": "type",
        "type": "filter",
        "style": {
            "navigationTitle": "小说分类",
            "background": "#fff",
            "subsectionMainIndex": 2,
            "enableSwiper": 0,
            "enableNavigationSearchInput": 1,
            "navigationSearchInputUrl": "search",
            "enableLoadmore": 1
        },
        "darkStyle": {
            "background": "#131313"
        },
        "subsection": {
            "request": {
                "url": "/cat/-1.html",
                "device": "电脑"
            },
            "staticData": [{
                "label": "排序",
                "children": [{
                    "label": "综合排序",
                    "value": "hot"
                },{
                    "label": "最多援力",
                    "value": "supp"
                },{
                    "label": "最多收藏",
                    "value": "fav"
                },{
                    "label": "最多字数",
                    "value": "wrods"
                },{
                    "label": "最近更新",
                    "value": "updates"
                }]
            }],//静态数据
            "dynamicData": [{
                "label": "@sel:class.search-condition[1]>>class.condition-type[0]>>text",
                "children": {
                    "list": "@sel:class.search-condition[1]>>tag.li",
                    "label": "@sel:tag.a[0]>>text",
                    "value": "@sel:tag.a[0]>>attr.href@split:sign=>>1"
                }
            },{
                "label": "@sel:class.search-condition[2]>>class.condition-type[0]>>text",
                "children": {
                    "list": "@sel:class.search-condition[2]>>class.special",
                    "label": "@sel:tag.a[0]>>text",
                    "value": "@sel:tag.a[0]>>attr.href@match:cat&es;/>>.html>>1"
                }
            }]//动态数据
        },
        "cell": {
            "style": {
                "cellImageWidth": 160,
                "cellImageHeight": 220,
                "cellDescriptionLines": 4
            },
            "request": {
                "url": "/cat/{{$3}}.html",
                "device": "电脑",
                "params": {
                    "sort": "{{$1}}",
                    "sign": "{{$2}}",
                    "page": "{{page}}"
                }
            },
            "dynamicData": {
                "list": "@sel:class.rank-book-list[0]>>class.rank-book",
                "title": "@sel:class.book-name[0]>>text",
                "cover": "@sel:class.book-cover[0]>>tag.img[0]>>attr.src",
                "subtitle": "@sel:class.book-extra[0]>>text",
                "description": "@sel:class.book-intro[0]>>text",
                "url": "book?id=<js>@sel:class.book-mask-left[0]>>attr.href@match:book&es;/>>.html>>1</js>"
            }
        }
    }]//应用页面列表
}

column（分栏页）

  • 注意事项
    • column页面结构和module（模块页）基本一样，只是多了一层subsection包裹
属性名 类型 默认值 可选值 说明
subsection Array ---- ---- 选项栏tabs和页面类容
  • subsection
属性名 类型 默认值 可选值 说明
label String ---- ---- 分栏标题
components Array ---- ---- 组件集合（具体见下方components组件讲解）
cell Object ---- ---- 单元格列表（具体见下方cell单元格讲解）
  • 示例用法
{
    "name": "article",
    "type": "column",
    "style": {
        "navigationTitle": "文章列表",
        "background": "#fff",
        "enableNavigationSearchInput": 1,
        "enableLoadmore": 1,
        "navigationSearchInputUrl": "search",
        "enableSwiper": 0
    },
    "darkStyle": {
        "background": "#131313"
    },
    "subsection": [{
        "label": "轻之专栏",
        "cell": {
            "style": {
                "cellName": "v-cell",
                "cellColumn": 1,
                "cellImageHeight": 280
            },
            "request": {
                "url": "/article/list?cat=1&page={{page}}",
                "device": "电脑"
            },
            "dynamicData": {
                "list": "@sel:class.article-list[0]>>class.media",
                "title": "@sel:class.media-object[0]>>attr.alt",
                "cover": "@sel:class.media-object[0]>>attr.src",
                "subtitle": "@sel:class.text-muted[0]>>text",
                "url": "articledetail?id=<js>@sel:tag.a[0]>>attr.href@match:article&es;/>>.html>>1</js>"
            }
        }

    },{
        "label": "作者须知&公告",
        "cell": {
            "style": {
                "cellName": "v-cell",
                "cellColumn": 1,
                "cellImageHeight": 280
            },
            "request": {
                "url": "/article/list?cat=2&page={{page}}",
                "device": "电脑"
            },
            "dynamicData": {
                "list": "@sel:class.article-list[0]>>class.media",
                "title": "@sel:class.media-object[0]>>attr.alt",
                "cover": "@sel:class.media-object[0]>>attr.src",
                "subtitle": "@sel:class.text-muted[0]>>text",
                "url": "articledetail?id=<js>@sel:tag.a[0]>>attr.href@match:article&es;/>>.html>>1</js>"
            }
        }
    }]
}

linkage（双向联动页）

  • 注意事项
    • 选中的顶部选项栏的值会top方式传给cell单元格列表的请求中，例："url": "/cat/{{top}}.html"
    • 选中的左边选项栏的值会left方式传给cell单元格列表的请求中，例："url": "/cat/{{left}}.html"
属性名 类型 默认值 可选值 说明
topSubsection Object ---- ---- 顶部选项栏tabs
leftSubsection Object ---- ---- 左边选项栏tabs
cell Object ---- ---- 单元格列表（具体见下方cell单元格讲解）
components Object ---- ---- 组件列表（具体见下方components组件讲解）
  • topSubsection（顶部选项栏）
属性名 类型 默认值 可选值 说明
staticData Array ---- ---- 静态数据
request Object ---- ---- 请求（详情见上方request请求讲解）
dynamicData Object ---- ---- 动态数据
  • leftSubsection（左边选项栏）
属性名 类型 默认值 可选值 说明
staticData Array ---- ---- 静态数据
request Object ---- ---- 请求（详情见上方request请求讲解）
dynamicData Object ---- ---- 动态数据
  • 数据
属性名 类型 默认值 可选值 说明
label String ---- ---- 选项栏标题
value String ---- ---- 选项栏值
  • 示例用法
{
    "name": "rank",
    "type": "linkage",
    "style": {
        "navigationTitle": "排行榜",
        "background": "#f5f5f5",
        "subsectionColumn": 3,
        "enableSwiper": 1,
        "enableNavigationSearchInput": 1,
        "navigationSearchInputUrl": "search",
        "enableLoadmore": 1
    },
    "darkStyle": {
        "background": "#050505"
    },
    "topSubsection": {
        "staticData": [{
            "label": "周排行",
            "value": "week"
        },{
            "label": "月排行",
            "value": "month"
        },{
            "label": "新书排行",
            "value": "new"
        }]
    },
    "leftSubsection": {
        "request": {
            "url": "/list/top",
            "device": "手机"
        },
        "dynamicData": {
            "list": "@sel:class.top-slide-menu[0]>>class.slide-menu-item",
            "label": "@sel:text",
            "value": "@sel:attr.value"
        }
    },
    "cell": {
        "style": {
            "cellImageWidth": 160,
            "cellImageHeight": 220,
            "cellDescriptionLines": 4
        },
        "request": {
            "url": "/hub/getTopBooks?unit={{left}}&page={{page}}&time={{top}}",
            "device": "电脑"
        },
        "dynamicData": {
            "list": "@json:data.books",
            "title": "@json:name",
            "cover": "@json:coverUrl",
            "subtitle": "@text:<js>@json:author</js>/<js>@json:hot</js>",
            "description": "@json:about",
            "url": "book?id=<js>@json:id</js>"
        }
    }
}

short（短视频页）

  • 注意事项
    • 想要实现短视频滑动加载必须设置enableLoadmore为1
属性名 类型 默认值 可选值 说明
subsection Object ---- ---- 选项栏
items Object ---- ---- 视频列表
cell Object ---- ---- 单元格列表（具体见下方cell单元格讲解）
components Object ---- ---- 组件列表（具体见下方components组件讲解）
comments Object ---- ---- 评论列表
  • items
属性名 类型 默认值 可选值 说明
title String ---- ---- 标题
subtitle String ---- ---- 二级标题
description String ---- ---- 简介
cover String ---- ---- 封面图片网络路径
src String ---- ---- 播放视频链接
isLive Number 0 1/0 是否直播视频
isAdult Number 0 1/0 是否敏感内容
  • comments（评论列表）
属性名 类型 默认值 可选值 说明
avatar String ---- ---- 头像网络图片路径
title String ---- ---- 评论标题
subtitle String ---- ---- 评论二级标题
content String ---- ---- 评论内容
url String ---- ---- 跳转路径（支持在线网址和规则页面）
subComments Object ---- ---- 二级评论列表（结构和评论列表相同）
masterComments Object ---- ---- 顶部评论列表（结构和评论列表相同）
  • 示例用法
{
    "name": "recome",
    "type": "short",
    "style": {
        "navigationTitle": "推荐",
        "enableNavigationTransparent": 1,
        "enablePulldown": 1,
        "enableLoadmore": 1
    },
    "subsection": {
        "staticData": [{
            "label": "推荐",
            "value": "recome"
        },{
            "label": "同城",
            "value": "city"
        }]
    },
    "items": {
        "request": {
            "url": "{{requestUrl}}",
            "method": "post",
            "header": {
                "Cookie": "{{requestCookie}}"
            },
            "params": "{{globalData.requestParams[params.selected]}}"
        },
        "dynamicData": {
            "list": "@sync:return lastResult.data.visionNewRecoFeed ? lastResult.data.visionNewRecoFeed.feeds : lastResult.data.sameCityData.feeds",
            "title": "@json:photo.caption",
            "description": "播放:<js>@json:photo.viewCount</js>喜欢:<js>@json:photo.likeCount</js>",
            "cover": "@json:photo.coverUrl",
            "src": "@json:photo.photoUrl",
            "author": "@json:author@console:",
            "photoId": "@json:photo.id"
        }
    },
    "components": [{
        "name": "card",
        "style": {
            "cellName": "h-cell",
            "cellColumn": 1,
            "cellImageWidth": 100,
            "cellImageHeight": 100,
            "cellImageBorderRadius": 100
        },
        "staticData": [{
            "title": "{{params.author.name}}",
            "cover": "{{params.author.headerUrl}}"
        }]
    }],
    "comments": {
        "request": {
            "url": "/rest/v/photo/comment/list",
            "method": "post",
            "params": {
                "photoId": "{{photoId}}",
                "pcursor": "{{params.list.length > 0 ? params.list[params.list.length - 1].id : ''}}"
            },
            "header": {
                "Cookie": "{{requestCookie}}"
            }
        },
        "dynamicData": {
            "list": "@sync:return lastResult.rootCommentsV2.concat(lastResult.rootComments)@sort:a.timestamp - b.timestamp",
            "avatar": "@json:headurl",
            "title": "@json:author_name",
            "subtitle": "@json:timestamp@dateFormat:",
            "content": "@json:content",
            "url": "user?id=<js>@json:author_id</js>",
            "id": "@json:comment_id",
            "subComments": {
                "list": "@json:comment_id@sync:return response.content.subCommentsMap[lastResult].subComments",
                "avatar": "@json:headurl",
                "title": "@json:author_name",
                "subtitle": "@json:timestamp@dateFormat:",
                "content": "@json:content",
                "id": "@json:comment_id",
                "url": "user?id=<js>@json:author_id</js>"
            }
        }
    }
}

novel（小说页）

  • 注意事项
    • 每个属性（例如：detail和items）中都默认包含staticData，request和dynamicData属性，这里因为内容太多就不显示了
属性名 类型 默认值 可选值 说明
detail Object ---- ---- 详情信息
items Object ---- ---- 章节列表
context Object ---- ---- 章节正文
comments Object ---- ---- 评论列表
components Array ---- ---- 组件列表（详情见下方components组件讲解）
cell Object ---- ---- 单元格列表（详情见下方cell单元格讲解）
  • detail（详情信息）
属性名 类型 默认值 可选值 说明
title String ---- ---- 标题
cover String ---- ---- 封面图片网络路径
subtitle String ---- ---- 二级标题
description String ---- ---- 简介
tags Object ---- ---- 标签列表
isAdult Number 0 1/0 是否敏感内容
  • tags（标签列表）
属性名 类型 默认值 可选值 说明
title String ---- ---- 标题
url String ---- ---- 跳转路径（支持在线网址和规则页面）
  • items（章节列表）
属性名 类型 默认值 可选值 说明
title Array ---- ---- 标题
...（这里可以任意添加属性） Any ---- ---- 自定义属性（用于请求正文内容时使用，你可以自定义为任何内容）
  • context（章节正文）
属性名 类型 默认值 可选值 说明
content String ---- ---- 正文内容
  • comments（评论列表）
属性名 类型 默认值 可选值 说明
avatar String ---- ---- 头像网络图片路径
title String ---- ---- 评论标题
subtitle String ---- ---- 评论二级标题
content String ---- ---- 评论内容
url String ---- ---- 跳转路径（支持在线网址和规则页面）
subComments Object ---- ---- 二级评论列表（结构和评论列表相同）
masterComments Object ---- ---- 顶部评论列表（结构和评论列表相同）
  • 示例用法
{
    "name": "book",
    "type": "novel",
    "style": {
        "navigationTitle": "小说详情",
        "enableLoadmore": 1,
        "componentBackgroundOpacity": 0.7
    },
    "detail": {
        "request": {
            "url": "/book/{{id}}.html",
            "device": "电脑"
        },
        "dynamicData": {
            "title": "@sel:class.book-title[0]>>text",
            "cover": "@sel:class.book-cover[0]>>tag.img[0]>>attr.src",
            "subtitle": "@sel:class.book-data[0]>>text",
            "description": "@sel:class.about-text[0]>>text",
            "tags": {
                "list": "@sel:class.book-cats>>tag.a",
                "title": "@sel:text",
                "url": "<if>@sel:attr.href@have:cat</if><then>type?$3=<js>@sel:attr.href@match:cat&es;/>>.html>>1</js></then><elseif>@sel:attr.href@have:tag</elseif><then>tag?navigationTitle=<js>@sel:text</js>&tag=<js>@sel:attr.href@split:tag=>>1</js></then><else>matchBooks?navigationTitle=<js>@sel:text</js>&mid=<js>@sel:attr.href@split:mid=>>1</js></else>"
            }
        }
    },
    "items": {
        "request": {
            "url": "/book/{{id}}.html",
            "device": "电脑"
        },
        "dynamicData": {
            "list": "@sel:class.chapter",
            "title": "@sel:tag.a[0]>>text",
            "href": "@sel:tag.a[0]>>attr.href"
        }
    },
    "context": {
        "request": {
            "url": "{{href}}",
            "device": "电脑"
        },
        "dynamicData": {
            "content": "@sel:class.article-text[0]>>content@replaceAll:&lt;p>>&lt;p style=&quot;margin-top: 10px&quot;"
        }
    },
    "comments": {
        "request": {
            "url": "/comment/items?type=book&tid={{id}}&pageSize=15&page={{page}}&_={{RandomNumberString(13)}}"
        },
        "dynamicData": {
            "list": "@json:items",
            "avatar": "@json:author.avatar",
            "title": "@json:author.nick",
            "subtitle": "@json:date@sync:return lastResult*1000@dateFormat:",
            "content": "@json:content",
            "url": "user?id=<js>@json:author.id</js>",
            "subComments": {
                "list": "@json:replies.items",
                "avatar": "@json:author.avatar",
                "title": "@json:author.nick",
                "subtitle": "@json:date@sync:return lastResult*1000@dateFormat:",
                "content": "@json:content",
                "url": "user?id=<js>@json:author.id</js>"
            }
        }
    },
    "components": [{
        "name": "card",
        "style": {
            "cardTitle": "作者",
            "cellName": "h-cell",
            "cellColumn": 1,
            "cellImageWidth": 80,
            "cellImageHeight": 80,
            "cellDescriptionLines": 1,
            "cellImageBorderRadius": 80
        },
        "request": {
            "url": "/book/{{id}}.html",
            "device": "电脑"
        },
        "dynamicData": {
            "list": "@sel:class.novelist",
            "title": "@sel:class.name[0]>>tag.a[0]>>text",
            "cover": "@sel:tag.img[0]>>attr.src",
            "description": "@sel:class.about[0]>>text",
            "url": "user?id=<js>@sel:class.name[0]>>tag.a[0]>>attr.href@replace:/user/info?id=</js>"
        }
    },{
        "name": "card",
        "style": {
            "cardTitle": "作者其它作品",
            "cellName": "h-cell",
            "cellColumn": 1,
            "moreText": "更多",
            "moreUrl": "userwork?id=<js>@sel:class.section-helper[0]>>tag.a[0]>>attr.href@split:id=>>1</js>"
        },
        "request": {
            "url": "/book/{{id}}.html",
            "device": "电脑"
        },
        "dynamicData": {
            "list": "@sel:class.from-author",
            "title": "@sel:class.suggest-book-name[0]>>text",
            "cover": "@sel:class.suggest-cover[0]>>tag.img[0]>>attr.src",
            "description": "@sel:class.suggest-book-desc[0]>>text",
            "url": "book?id=<js>@sel:tag.a[0]>>attr.href@match:book&es;/>>.html>>1</js>"
        }
    }]
}

comic（漫画页）

  • 注意事项
    • 每个属性（例如：detail和items）中都默认包含staticData，request和dynamicData属性，这里因为内容太多就不显示了
属性名 类型 默认值 可选值 说明
detail Object ---- ---- 详情信息
items Object ---- ---- 章节列表
context Object ---- ---- 章节正文
comments Object ---- ---- 评论列表
components Array ---- ---- 组件列表（详情见下方components组件讲解）
cell Object ---- ---- 单元格列表（详情见下方cell单元格讲解）
  • detail（详情信息）
属性名 类型 默认值 可选值 说明
title String ---- ---- 标题
cover String ---- ---- 封面图片网络路径
subtitle String ---- ---- 二级标题
description String ---- ---- 简介
tags Object ---- ---- 标签列表
isAdult Number 0 1/0 是否敏感内容
  • tags（标签列表）
属性名 类型 默认值 可选值 说明
title String ---- ---- 标题
url String ---- ---- 跳转路径（支持在线网址和规则页面）
  • items（章节列表）
属性名 类型 默认值 可选值 说明
title Array ---- ---- 标题
content String ---- ---- 正文内容
...（这里可以任意添加属性） Any ---- ---- 自定义属性（用于请求正文内容时使用，你可以自定义为任何内容）
  • context（章节正文）
属性名 类型 默认值 可选值 说明
content Array ---- ---- 正文内容
  • comments（评论列表）
属性名 类型 默认值 可选值 说明
avatar String ---- ---- 头像网络图片路径
title String ---- ---- 评论标题
subtitle String ---- ---- 评论二级标题
content String ---- ---- 评论内容
url String ---- ---- 跳转路径（支持在线网址和规则页面）
subComments Object ---- ---- 二级评论列表（结构和评论列表相同）
masterComments Object ---- ---- 顶部评论列表（结构和评论列表相同）
  • 示例用法
{
    "name": "comic",
    "type": "comic",
    "style": {
        "navigationTitle": "漫画详情",
        "enableLoadmore": 1,
        "componentBackgroundOpacity": 0.7
    },
    "detail": {
        "request": {
            "url": "/manhua/detail/{{id}}/",
            "device": "电脑"
        },
        "dynamicData": {
            "title": "@sel:class.detail-info-title[0]>>text",
            "cover": "@sel:class.detail-info-cover[0]>>tag.img[0]>>attr.src",
            "subtitle": "@sel:class.cy_xinxi[0]>>tex",
            "description": "@sel:id.comic-description>>text",
            "tags": {
                "list": "@sel:class.cy_xinxixi[0]>>tag.a",
                "title": "@sel:text",
                "url": "tag?str=<js>@sel:attr.href@replace:https://www.dongman.la</js>"
            }
        }
    },
    "items": {
        "request": {
            "url": "/manhua/detail/{{id}}/",
            "device": "电脑"
        },
        "dynamicData": {
            "list": "@sel:id.mh-chapter-list-ol-0>>tag.li@reverse:",
            "title": "@sel:tag.a[0]>>text",
            "href": "@sel:tag.a[0]>>attr.href"
        }
    },
    "context": {
        "request": {
            "url": "{{href}}all.html",
            "device": "电脑"
        },
        "dynamicData": {
            "content": "@sel:class.imgListBox[0]>>tag.img>>attr.data-src"
        }
    },
    "components": [{
        "name": "card",
        "style": {
            "cardTitle": "可能感兴趣的",
            "cellName": "v-cell",
            "cellImageHeight": 300,
            "cellColumn": 3,
            "enableRefresh": 1
        },
        "request": {
            "url": "/manhua/detail/{{id}}/",
            "device": "电脑"
        },
        "dynamicData": {
            "list": "@sel:id.similarList>>tag.li",
            "title": "@sel:tag.b[0]>>text",
            "cover": "@sel:tag.img[0]>>attr.src",
            "url": "comic?id=<js>@sel:tag.a[0]>>attr.href@match:detail&es;/>>&es;/>>1</js>"
        }
    }]
}

video（视频页）

  • 注意事项
    • 每个属性（例如：detail和items）中都默认包含staticData，request和dynamicData属性，这里因为内容太多就不显示了
属性名 类型 默认值 可选值 说明
detail Object ---- ---- 详情信息
items Object ---- ---- 剧集列表
context Object ---- ---- 剧集正文
barrages Object ---- ---- 弹幕列表
comments Object ---- ---- 评论列表
components Array ---- ---- 组件列表（详情见下方components组件讲解）
cell Object ---- ---- 单元格列表（详情见下方cell单元格讲解）
  • detail（详情信息）
属性名 类型 默认值 可选值 说明
title String ---- ---- 标题
cover String ---- ---- 封面图片网络路径
subtitle String ---- ---- 二级标题
description String ---- ---- 简介
tags Object ---- ---- 标签列表
isAdult Number 0 1/0 是否敏感内容
  • tags（标签列表）
属性名 类型 默认值 可选值 说明
title String ---- ---- 标题
url String ---- ---- 跳转路径（支持在线网址和规则页面）
  • items（剧集列表）
属性名 类型 默认值 可选值 说明
title Array ---- ---- 标题
cover String ---- ---- 封面
src String ---- ---- 播放链接
...（这里可以任意添加属性） Any ---- ---- 自定义属性（用于请求正文内容时使用，你可以自定义为任何内容）
  • context（剧集正文）
属性名 类型 默认值 可选值 说明
title String ---- ---- 标题
cover String ---- ---- 封面
src String ---- ---- 播放链接
  • comments（评论列表）
属性名 类型 默认值 可选值 说明
avatar String ---- ---- 头像网络图片路径
title String ---- ---- 评论标题
subtitle String ---- ---- 评论二级标题
content String ---- ---- 评论内容
url String ---- ---- 跳转路径（支持在线网址和规则页面）
subComments Object ---- ---- 二级评论列表（结构和评论列表相同）
masterComments Object ---- ---- 顶部评论列表（结构和评论列表相同）
  • barrages（弹幕列表）
属性名 类型 默认值 可选值 说明
text String ---- ---- 弹幕
time Number ---- ---- 弹幕显示时间(单位s)
color String ---- ---- 弹幕颜色
  • 示例用法
{
    "name": "video",
    "type": "video",
    "style": {
        "navigationTitle": "视频详情",
        "enableLoadmore": 1,
        "enableNavigationTransparent": 1
    },
    "detail": {
        "request": {
            "url": "/index.php/vod/detail/id/{{id}}.html",
            "device": "电脑"
        },
        "dynamicData": {
            "title": "@sel:class.page-title[0]>>text",
            "cover": "@sel:class.video-cover[0]>>tag.img[0]>>attr.data-src",
            "description": "@sel:class.video-info-main[0]>>text",
            "tags": {
                "list": "@sel:class.video-info-aux[0]>>tag.a",
                "title": "@sel:text",
                "url": "tag?href=<js>@sel:attr.href</js>&navigationTitle=<js>@sel:text</js>"
            }
        }
    },
    "items": {
        "request": {
            "url": "/index.php/vod/detail/id/{{id}}.html",
            "device": "电脑"
        },
        "dynamicData": {
            "list": "@sel:id.sort-item-2>>tag.a",
            "title": "@sel:text",
            "requestHref": "@sel:attr.href"
        }
    },
    "context": {
        "request": {
            "url": "{{requestHref}}",
            "device": "电脑"
        },
        "dynamicData": {
            "src": "@sel:class.player-wrapper[0]>>tag.script[0]>>content@replace:var player_aaaa=@sync:return JSON.parse(lastResult)@json:url",
            "formats": "m3u8"
        }
    },
    "comments": {
        "request": {
            "url": "/index.php/comment/ajax.html?rid={{id}}&mid=1&page={{page}}",
            "device": "电脑"
        },
        "dynamicData": {
            "list": "@sel:class.mxone-comment__item",
            "title": "@sel:class.title[0]>>text",
            "avatar": "@sel:class.face[0]>>attr.src@sync:return lastResult.indexOf('http') == -1 ? 'http://www.lzizy9.com/' + lastResult : lastResult",
            "subtitle": "@sel:class.text-muted@sync:return lastResult[1].trim() + ' ' + lastResult[0].trim()",
            "content": "@sel:class.comment-cont[0]>>text"
        }
    },
    "barrages": {
        "request": {
            "url": "{{requestHref}}",
            "device": "电脑"
        },
        "dynamicData": {
            "list": "@json:data.list",
            "text": "@json:title",
            "time": "@sel:time",
            "color": "@sel:color"
        }
    },
    "components": [{
        "name": "card",
        "style": {
            "cardTitle": "相关影片",
            "cellName": "v-cell",
            "cellColumn": 3
        },
        "request": {
            "url": "/index.php/vod/detail/id/{{id}}.html",
            "device": "电脑"
        },
        "dynamicData": {
            "list": "@sel:class.module-items[0]>>class.module-item",
            "title": "@sel:class.module-item-title[0]>>text",
            "cover": "@sel:tag.img[0]>>attr.data-src",
            "subtitle": "@sel:class.module-item-text[0]>>text",
            "url": "video?id=<js>@sel:class.module-item-title[0]>>attr.href@match:id&es;/>>.html>>1</js>"
        }
    }]
}

audio（音频页）

  • 注意事项
    • 每个属性（例如：detail和items）中都默认包含staticData，request和dynamicData属性，这里因为内容太多就不显示了
属性名 类型 默认值 可选值 说明
detail Object ---- ---- 详情信息
items Object ---- ---- 播放列表
context Object ---- ---- 音频正文
lyrics Object ---- ---- 歌词列表
comments Object ---- ---- 评论列表
components Array ---- ---- 组件列表（详情见下方components组件讲解）
cell Object ---- ---- 单元格列表（详情见下方cell单元格讲解）
  • detail（详情信息）
属性名 类型 默认值 可选值 说明
title String ---- ---- 标题
cover String ---- ---- 封面图片网络路径
subtitle String ---- ---- 二级标题
description String ---- ---- 简介
content String ---- ---- 文本内容
tags Object ---- ---- 标签列表
isAdult Number 0 1/0 是否敏感内容
  • tags（标签列表）
属性名 类型 默认值 可选值 说明
title String ---- ---- 标题
url String ---- ---- 跳转路径（支持在线网址和规则页面）
  • items（播放列表）
属性名 类型 默认值 可选值 说明
title Array ---- ---- 标题
cover String ---- ---- 封面
src String ---- ---- 播放链接
referer String ---- ---- 播放链接源域名（用于处理防盗链）
...（这里可以任意添加属性） Any ---- ---- 自定义属性（用于请求正文内容时使用，你可以自定义为任何内容）
  • context（音频正文）
属性名 类型 默认值 可选值 说明
title String ---- ---- 标题
cover String ---- ---- 封面
src String ---- ---- 播放链接
referer String ---- ---- 播放链接源域名（用于处理防盗链）
  • comments（评论列表）
属性名 类型 默认值 可选值 说明
avatar String ---- ---- 头像网络图片路径
title String ---- ---- 评论标题
subtitle String ---- ---- 评论二级标题
content String ---- ---- 评论内容
url String ---- ---- 跳转路径（支持在线网址和规则页面）
subComments Object ---- ---- 二级评论列表（结构和评论列表相同）
masterComments Object ---- ---- 顶部评论列表（结构和评论列表相同）
  • lyrics（歌词列表）
属性名 类型 默认值 可选值 说明
title String ---- ---- 歌词
time Number ---- ---- 歌词显示时间
  • 示例用法
{
    "name": "music",
    "type": "audio",
    "style": {
        "navigationTitle": "音乐详情",
        "componentBackgroundOpacity": 0.5
    },
    "detail": {
        "request": {
            "url": "/listen/{{id}}",
            "device": "电脑"
        },
        "dynamicData": {
            "title": "@sel:class.frame1[0]>>tag.h1[0]>>text",
            "subtitle": "@sel:class.song_info[0]>>text",
            "cover": "@sel:class.music_intro[0]>>tag.img[0]>>attr.src@sync:return lastResult && lastResult.indexOf('http') == -1 ? 'https://www.itingwa.com' + lastResult : lastResult",
            "content": "@sel:class.music_intro[0]>>content@replaceAll:src=&quot;&es;/file>>src=&quot;https://www.itingwa.com/file"
        }
    },
    "items": {
        "request": {
            "url": "/listen/{{id}}",
            "device": "电脑"
        },
        "dynamicData": {
            "list": "@sel:class.jp-jplayer",
            "href": "@sel:attr.init-data"
        }
    },
    "context": {
        "request": {
            "url": "{{href}}",
            "device": "电脑"
        },
        "dynamicData": {
            "src": "@sel:attr.init-data"
        }
    },
    "lyrics": {
        "request": {
            "url": "{{href}}",
            "device": "电脑"
        },
        "dynamicData": {
            "list": "@sel:class.jp-lyrics",
            "title": "@sel:text",
            "time": "@sel:attr.init-date"
        }
    },
    "comments": {
        "request": {
            "url": "?c=comment&m=get_comment&id={{id}}&type=0&p={{page}}"
        },
        "dynamicData": {
            "list": "@json:comments.list",
            "title": "@json:u_name",
            "subtitle": "@json:comm_addtime",
            "avatar": "https://www.itingwa.com/upload/pic/180/<js>@json:u_img</js>",
            "content": "@json:content",
            "url": "user?id=<js>@json:comm_user</js>"
        }
    },
    "components": [{
        "name": "card",
        "style": {
            "cardTitle": "发布者",
            "cellName": "h-cell",
            "cellColumn": 1,
            "cellImageWidth": 90,
            "cellImageHeight": 90
        },
        "request": {
            "url": "/listen/{{id}}",
            "device": "电脑"
        },
        "dynamicData": {
            "list": "@sel:class.rt_frame",
            "title": "@sel:class.clearfix[0]>>class.nickname[0]>>text",
            "subtitle": "@sel:class.user_data[0]>>text",
            "cover": "@sel:class.clearfix[0]>>tag.img[0]>>attr.src",
            "url": "user?id=<js>@sel:class.clearfix[0]>>tag.a[0]>>attr.href@split:u/>>1</js>"
        }
    },{
        "name": "card",
        "style": {
            "cardTitle": "相关专辑",
            "cellName": "v-cell",
            "cellColumn": 3,
            "cellImageHeight": 200
        },
        "request": {
            "url": "/listen/{{id}}",
            "device": "电脑"
        },
        "dynamicData": {
            "list": "@sel:class.album_items[0]>>tag.li",
            "title": "@sel:class.top_10[0]>>text",
            "cover": "@sel:tag.img[0]>>attr.src",
            "url": "album?id=<js>@sel:tag.a[0]>>attr.href@split:album/>>1</js>&background=<js>@sel:tag.img[0]>>attr.src</js>"
        }
    }]
}

picture（图片页）

  • 注意事项
    • 每个属性（例如：detail和items）中都默认包含staticData，request和dynamicData属性，这里因为内容太多就不显示了
属性名 类型 默认值 可选值 说明
detail Object ---- ---- 详情信息
items Object ---- ---- 图片列表
context Object ---- ---- 图片正文
comments Object ---- ---- 评论列表
components Array ---- ---- 组件列表（详情见下方components组件讲解）
cell Object ---- ---- 单元格列表（详情见下方cell单元格讲解）
  • detail（详情信息）
属性名 类型 默认值 可选值 说明
title String ---- ---- 标题
cover String ---- ---- 封面图片网络路径
subtitle String ---- ---- 二级标题
description String ---- ---- 简介
tags Object ---- ---- 标签列表
isAdult Number 0 1/0 是否敏感内容
  • tags（标签列表）
属性名 类型 默认值 可选值 说明
title String ---- ---- 标题
url String ---- ---- 跳转路径（支持在线网址和规则页面）
  • items（图片列表）
属性名 类型 默认值 可选值 说明
title String ---- ---- 标题
cover String ---- ---- 封面
src String ---- ---- 图片链接
referer String ---- ---- 图片源
decrypt String ---- ---- 图片解密
...（这里可以任意添加属性） Any ---- ---- 自定义属性（用于请求正文内容时使用，你可以自定义为任何内容）
  • context（图片正文）
属性名 类型 默认值 可选值 说明
title String ---- ---- 标题
cover String ---- ---- 封面
src String ---- ---- 图片链接
referer String ---- ---- 图片源
decrypt String ---- ---- 图片解密
  • comments（评论列表）
属性名 类型 默认值 可选值 说明
avatar String ---- ---- 头像网络图片路径
title String ---- ---- 评论标题
subtitle String ---- ---- 评论二级标题
content String ---- ---- 评论内容
url String ---- ---- 跳转路径（支持在线网址和规则页面）
subComments Object ---- ---- 二级评论列表（结构和评论列表相同）
masterComments Object ---- ---- 顶部评论列表（结构和评论列表相同）
  • 示例用法
{
    "name": "picture",
    "type": "picture",
    "style": {
        "navigationTitle": "壁纸详情",
        "enableNavigationTransparent": 1
    },
    "detail": {
        "staticData": {
            "cover": "{{background}}"
        },
        "request": {
            "url": "{{href}}",
            "device": "手机"
        },
        "dynamicData": {
            "title": "@sel:class.detail-title[0]>>text",
            "subtitle": "@sel:class.detail-info[0]>>text"
        }
    },
    "items": {
        "request": {
            "url": "{{href}}",
            "device": "电脑"
        },
        "dynamicData": {
            "list": "@sel:class.image-content[0]>>class.swiper-slide",
            "title": "@sel:tag.img[0]>>attr.alt",
            "cover": "https:<js>@sel:tag.img[0]>>attr.data-src</js>",
            "src": "https:<js>@sel:tag.img[0]>>attr.data-src</js>"
        }
    },
    "comments": {
        "request": {
            "url": "?c=comment&m=get_comment&id={{id}}&type=0&p={{page}}"
        },
        "dynamicData": {
            "list": "@json:comments.list",
            "title": "@json:u_name",
            "subtitle": "@json:comm_addtime",
            "avatar": "https://www.itingwa.com/upload/pic/180/<js>@json:u_img</js>",
            "content": "@json:content",
            "url": "user?id=<js>@json:comm_user</js>"
        }
    },
    "components": [{
        "name": "card",
        "style": {
            "cardTitle": "相关推荐",
            "cellName": "v-cell",
            "cellColumn": 2,
            "cellImageHeight": 500
        },
        "request": {
            "url": "{{href}}",
            "device": "手机"
        },
        "dynamicData": {
            "list": "@sel:class.list-ul[0]>>class.list-li",
            "title": "@sel:class.li-title[0]>>text",
            "cover": "https:<js>@sel:tag.img[0]>>attr.data-src</js>",
            "url": "picture?href=<js>@sel:tag.a[0]>>attr.href</js>&background=https:<js>@sel:tag.img[0]>>attr.data-src</js>"
        }
    }]
}

live（直播页）

  • 注意事项
    • 每个属性（例如：detail）中都默认包含staticData，request和dynamicData属性，这里因为内容太多就不显示了
属性名 类型 默认值 可选值 说明
detail Object ---- ---- 详情信息
items Object ---- ---- 直播列表
context Object ---- ---- 正文内容
components Array ---- ---- 组件列表（详情见下方components组件讲解）
cell Object ---- ---- 单元格列表（详情见下方cell单元格讲解）
  • detail（详情信息）
属性名 类型 默认值 可选值 说明
title String ---- ---- 标题
cover String ---- ---- 封面图片网络路径
subtitle String ---- ---- 二级标题
description String ---- ---- 简介
tags Object ---- ---- 标签列表
isLive Number 1 1/0 是否直播
isAdult Number 0 1/0 是否敏感内容
  • items（直播列表）
属性名 类型 默认值 可选值 说明
title String ---- ---- 标题
cover String ---- ---- 封面
src String ---- ---- 播放链接
isLive Number 1 1/0 是否直播
type String auto auto/hls/flv 解码器类型
...（这里可以任意添加属性） Any ---- ---- 自定义属性（用于请求正文内容时使用，你可以自定义为任何内容）
  • context（正文内容）
属性名 类型 默认值 可选值 说明
title String ---- ---- 标题
cover String ---- ---- 封面
src String ---- ---- 播放链接
isLive Number 1 1/0 是否直播
type String auto auto/hls/flv 解码器类型
  • tags（标签列表）
属性名 类型 默认值 可选值 说明
title String ---- ---- 标题
url String ---- ---- 跳转路径（支持在线网址和规则页面）
  • 示例用法
{
    "name": "live",
    "type": "live",
    "style": {
        "navigationTitle": "直播详情",
        "enableNavigationTransparent": 1
    },
    "detail": {
        "request": {
            "url": "/live/detail/{{id}}",
            "device": "电脑"
        },
        "dynamicData": {
            "title": "@sel:class.vod>>attr.alt",
            "cover": "@sel:class.cover>>attr.src"
        }
    },
    "items": {
        "request": {
            "url": "/live/detail/{{id}}",
            "device": "电脑"
        },
        "dynamicData": {
            "list": "@sel:class.vod>>class.vod_list",
            "title": "@sel:class.title>>text",
            "playId": "@sel:class.player>>attr.href"
        }
    },
    "context": {
        "request": {
            "url": "/live/player/{{playId}}",
            "device": "电脑"
        },
        "dynamicData": {
            "src": "@sel:tag.video>>attr.src"
        }
    }
}

article（文章页）

  • 注意事项
    • 每个属性（例如：detail）中都默认包含staticData，request和dynamicData属性，这里因为内容太多就不显示了
属性名 类型 默认值 可选值 说明
detail Object ---- ---- 详情信息
items Object ---- ---- 更多列表
comments Object ---- ---- 评论列表
components Array ---- ---- 组件列表（详情见下方components组件讲解）
cell Object ---- ---- 单元格列表（详情见下方cell单元格讲解）
  • detail（详情信息）
属性名 类型 默认值 可选值 说明
title String ---- ---- 标题
cover String ---- ---- 封面图片网络路径
subtitle String ---- ---- 二级标题
description String ---- ---- 简介
content String ---- ---- 文章内容
tags Object ---- ---- 标签列表
images Array ---- ---- 图片列表
video Object ---- ---- 视频信息
isAdult Number 0 1/0 是否敏感内容
  • items（更多列表）
属性名 类型 默认值 可选值 说明
title String ---- ---- 标题
avatar String ---- ---- 偷笑
subtitle String ---- ---- 二级标题
content String ---- ---- 文章内容
url String ---- ---- 跳转链接
  • tags（标签列表）
属性名 类型 默认值 可选值 说明
title String ---- ---- 标题
url String ---- ---- 跳转路径（支持在线网址和规则页面）
  • comments（评论列表）
属性名 类型 默认值 可选值 说明
avatar String ---- ---- 头像网络图片路径
title String ---- ---- 评论标题
subtitle String ---- ---- 评论二级标题
content String ---- ---- 评论内容
url String ---- ---- 跳转路径（支持在线网址和规则页面）
subComments Object ---- ---- 二级评论列表（结构和评论列表相同）
masterComments Object ---- ---- 顶部评论列表（结构和评论列表相同）
  • 示例用法
{
    "name": "article",
    "type": "article",
    "style": {
        "navigationTitle": "文章详情",
        "componentBorderRadius": 10,
        "coverWidth": 80,
        "coverHeight": 80,
        "enableLoadmore": 1
    },
    "detail": {
        "request": {
            "url": "/t.php?id={{id}}&page=1",
            "device": "电脑"
        },
        "dynamicData": {
            "title": "@sel:class.topic-user[0]>>tag.strong[0]>>text",
            "cover": "@sel:class.topic-user>>class.avatar[0]>>attr.src@sync:return baseUrl + '/' + lastResult",
            "subtitle": "@sel:class.o_header[0]>>text",
            "content": "<if>@sel:class.topic-picture[0]</if><then>@sel:class.topic-message[0]>>content&&class.topic-picture[0]>>content&&class.append-items[0]>>content@join:&wrap;@sync:return lastResult.replace(/.&es;/picture/g, baseUrl + '/picture')@replaceAll:_s>>_b</then><else>@sel:class.topic-message[0]>>content&&class.append-items[0]>>content@join:&wrap;</else>"
        }
    },
    "items": {
        "request": {
            "url": "/t.php?id={{id}}&page={{page}}",
            "device": "电脑"
        },
        "dynamicData": {
            "list": "@sel:class.reply-items[0]>>class.reply-item",
            "title": "@sel:class.item-nickname[0]>>text",
            "avatar": "@sel:class.item-avatar[0]>>attr.src@sync:return baseUrl + '/' + lastResult",
            "subtitle": "@sel:class.time[0]>>text",
            "content": "<if>@sel:class.item-picture[0]</if><then>@sel:class.item-message[0]>>content&&class.item-picture[0]>>content@join:&wrap;@sync:return lastResult.replace(/.&es;/picture/g, baseUrl + '/picture')@replaceAll:_s>>_b</then><else>@sel:class.item-message[0]>>content</else>"
        }
    },
    "components": [{
        "name": "title",
        "style": {
            "title": "全部回复"
        }
    }],
    "cell": {
        "style": {
            "cellName": "t-cell",
            "cellColumn": 1
        },
        "request": {
            "url": "/t.php?id={{id}}&page={{page}}",
            "device": "电脑"
        },
        "dynamicData": {
            "list": "@sel:class.reply-items[0]>>class.reply-item",
            "title": "@sel:class.item-nickname[0]>>text",
            "avatar": "@sel:class.item-avatar[0]>>attr.src@sync:return baseUrl + '/' + lastResult",
            "subtitle": "@sel:class.time[0]>>text",
            "description": "@sel:class.item-message[0]>>text",
            "images": "@sel:class.item-picture[0]>>tag.img>>attr.data-expand@map:item.replace(/.&es;/picture/g, baseUrl + '/picture')"
        }
    }
}

user（用户页）

  • 注意事项
    • detail包含staticData，request和dynamicData属性，这里因为内容太多就不显示了
    • subsection为集合，同column页面类似
属性名 类型 默认值 可选值 说明
detail Object ---- ---- 详情信息
subsection Array ---- ---- 分栏列表
  • detail（详情信息）
属性名 类型 默认值 可选值 说明
title String ---- ---- 标题
avatar String ---- ---- 头像图片网络路径
cover String ---- ---- 封面图片网络路径
subtitle String ---- ---- 二级标题
description String ---- ---- 简介
isAdult Number 0 1/0 是否敏感
  • subsection
属性名 类型 默认值 可选值 说明
label String ---- ---- 分栏标题
components Array ---- ---- 组件集合（具体见下方components组件讲解）
cell Object ---- ---- 单元格列表（具体见下方cell单元格讲解）
  • 示例用法
{
    "name": "user",
    "type": "user",
    "style": {
        "navigationTitle": "作者信息",
        "enableNavigationTransparent": 1,
        "enableSwiper": 1,
        "background": "#ffffff",
        "subsectionColumn": 3
    },
    "darkStyle": {
        "background": "#131313"
    },
    "detail": {
        "request": {
            "url": "/user/info?id={{id}}",
            "device": "电脑"
        },
        "dynamicData": {
            "title": "@sel:class.r-side[0]>>class.name[0]>>tag.p[0]>>text",
            "avatar": "@sel:class.r-side[0]>>class.profile-cover[0]>>tag.img[0]>>attr.src",
            "cover": "https://eli.linovel.net/static/img/profile_cover.22b302b.jpg",
            "description": "@sel:class.r-side[0]>>class.profile[0]>>class.list[0]>>text"
        }
    },
    "subsection": [{
        "label": "小说",
        "cell": {
            "style": {
                "cellName": "v-cell",
                "cellColumn": 3,
                "cellImageHeight": 300
            },
            "request": {
                "url": "/user/info?id={{id}}",
                "device": "电脑"
            },
            "dynamicData": {
                "list": "@sel:class.works-grid[0]>>class.grid",
                "title": "@sel:class.title[0]>>text",
                "cover": "@sel:tag.img[0]>>attr.src",
                "url": "book?id=<js>@sel:tag.a[0]>>attr.href@match:book&es;/>>.html>>1</js>"
            }
        }
    },{
        "label": "粉丝",
        "style": {
            "enableLoadmore": 1
        },
        "cell": {
            "style": {
                "cellName": "h-cell",
                "cellColumn": 1,
                "cellImageWidth": 80,
                "cellImageHeight": 80,
                "cellImageBorderRadius": 80
            },
            "request": {
                "url": "/user/followerList?id={{id}}&page={{page}}",
                "device": "电脑"
            },
            "dynamicData": {
                "list": "@sel:class.user-list[0]>>tag.li",
                "title": "@sel:class.name[0]>>text",
                "subtitle": "@sel:class.sign[0]>>text",
                "cover": "@sel:tag.img[0]>>attr.data-original",
                "url": "user?id=<js>@sel:tag.a[0]>>attr.href@replace:/user/info?id=</js>"
            }
        }
    },{
        "label": "关注",
        "style": {
            "enableLoadmore": 1
        },
        "cell": {
            "style": {
                "cellName": "h-cell",
                "cellColumn": 1,
                "cellImageWidth": 80,
                "cellImageHeight": 80,
                "cellImageBorderRadius": 80
            },
            "request": {
                "url": "/user/followeeList?id={{id}}&page={{page}}",
                "device": "电脑"
            },
            "dynamicData": {
                "list": "@sel:class.user-list[0]>>tag.li",
                "title": "@sel:class.name[0]>>text",
                "subtitle": "@sel:class.sign[0]>>text",
                "cover": "@sel:tag.img[0]>>attr.data-original",
                "url": "user?id=<js>@sel:tag.a[0]>>attr.href@replace:/user/info?id=</js>"
            }
        }
    }]
}

cell（单元格）

  • h-cell（横向单元格）
  • style（样式）
属性名 类型 默认值 可选值 说明
cellName String h-cell ---- 单元格名称
cellColumn Number 3 ---- 列数
cellGap Number 30 ---- 间距
cellImageWidth Number 120 ---- 图片宽度
cellImageHeight Number 160 ---- 图片高度
cellImageBorderRadius Number 10 ---- 图片圆角
cellImageTipSize Number 20 ---- 图片加载提示文字大小
cellTitleLines Number 1 ---- 标题最多显示多少行
cellDescriptionLines Number 3 ---- 简介最多显示多少行
enableOrder Number 0 0/1 显示列表序号
  • 数据
属性名 类型 默认值 可选值 说明
title String ---- ---- 标题
subtitle String ---- ---- 二级标题
description String ---- ---- 简介
cover String ---- ---- 图片地址
url String ---- ---- 跳转路径（支持在线网址和规则页面）
  • 示例用法
{
    "cell": {
        "style": {
            "cellName": "h-cell",
            "cellImageWidth": 160,
            "cellImageHeight": 220,
            "cellDescriptionLines": 4
        },
        "request": {
            "url": "/search/?kw={{keyword}}&sign={{$2}}&sort={{$1}}&words=-1&page={{page}}",
            "device": "电脑"
        },
        "dynamicData": {
            "list": "@sel:class.rank-book-list[0]>>tag.a",
            "title": "@sel:class.book-name[0]>>text",
            "cover": "@sel:class.book-cover[0]>>tag.img[0]>>attr.src",
            "subtitle": "@sel:class.book-extra[0]>>text",
            "description": "@sel:class.book-intro[0]>>text",
            "url": "book?id=<js>@sel:attr.href@match:book&es;/>>.html>>1</js>"
        }
    }
}
  • v-cell（竖向单元格）
  • style（样式）
属性名 类型 默认值 可选值 说明
cellName String v-cell ---- 单元格名称
cellColumn Number 3 ---- 列数
cellGap Number 30 ---- 间距
cellImageHeight Number 240 ---- 图片高度
cellImageBorderRadius Number 10 ---- 图片圆角
cellImageTipSize Number 20 ---- 图片加载提示文字大小
cellTitleLines Number 1 ---- 标题最多显示多少行
  • 数据
属性名 类型 默认值 可选值 说明
title String ---- ---- 标题
subtitle String ---- ---- 二级标题
cover String ---- ---- 图片地址
url String ---- ---- 跳转路径（支持在线网址和规则页面）
  • 示例用法
{
    "cell": {
        "style": {
            "cellName": "v-cell",
            "cellImageHeight": 240,
            "cellColumn": 3,
        },
        "request": {
            "url": "/search/?kw={{keyword}}&sign={{$2}}&sort={{$1}}&words=-1&page={{page}}",
            "device": "电脑"
        },
        "dynamicData": {
            "list": "@sel:class.rank-book-list[0]>>tag.a",
            "title": "@sel:class.book-name[0]>>text",
            "cover": "@sel:class.book-cover[0]>>tag.img[0]>>attr.src",
            "subtitle": "@sel:class.book-extra[0]>>text",
            "url": "book?id=<js>@sel:attr.href@match:book&es;/>>.html>>1</js>"
        }
    }
}
  • img-cell（图片单元格）
  • style（样式）
属性名 类型 默认值 可选值 说明
cellName String img-cell ---- 单元格名称
cellColumn Number 3 ---- 列数
cellGap Number 30 ---- 间距
cellImageHeight Number 240 ---- 图片高度
cellImageBorderRadius Number 10 ---- 图片圆角
cellImageTipSize Number 20 ---- 图片加载提示文字大小
  • 数据
属性名 类型 默认值 可选值 说明
title String ---- ---- 标题
cover String ---- ---- 图片地址
url String ---- ---- 跳转路径（支持在线网址和规则页面）
  • 示例用法
{
    "cell": {
        "style": {
            "cellName": "img-cell",
            "cellImageHeight": 240,
            "cellColumn": 3,
        },
        "request": {
            "url": "/search/?kw={{keyword}}&sign={{$2}}&sort={{$1}}&words=-1&page={{page}}",
            "device": "电脑"
        },
        "dynamicData": {
            "list": "@sel:class.rank-book-list[0]>>tag.a",
            "cover": "@sel:class.book-cover[0]>>tag.img[0]>>attr.src",
            "url": "book?id=<js>@sel:attr.href@match:book&es;/>>.html>>1</js>"
        }
    }
}
  • text-cell（文字单元格）
  • style（样式）
属性名 类型 默认值 可选值 说明
cellName String text-cell ---- 单元格名称
cellColumn Number 3 ---- 列数
cellGap Number 30 ---- 间距
cellTitleLines Number 1 ---- 标题最多显示多少行
cellDescriptionLines Number 3 ---- 简介最多显示多少行
enableOrder Number 0 0/1 显示列表序号
  • 数据
属性名 类型 默认值 可选值 说明
title String ---- ---- 标题
subtitle String ---- ---- 二级标题
subtext String ---- ---- 底部文本
description String ---- ---- 简介
url String ---- ---- 跳转路径（支持在线网址和规则页面）
  • 示例用法
{
    "cell": {
        "style": {
            "cellName": "text-cell",
            "cellImageHeight": 240,
            "cellColumn": 3,
        },
        "request": {
            "url": "/search/?kw={{keyword}}&sign={{$2}}&sort={{$1}}&words=-1&page={{page}}",
            "device": "电脑"
        },
        "dynamicData": {
            "list": "@sel:class.rank-book-list[0]>>tag.a",
            "title": "@sel:class.book-name[0]>>text",
            "subtitle": "@sel:class.book-extra[0]>>text",
            "url": "book?id=<js>@sel:attr.href@match:book&es;/>>.html>>1</js>"
        }
    }
}
  • tag-cell（标签单元格）
  • style（样式）
属性名 类型 默认值 可选值 说明
cellName String tag-cell ---- 单元格名称
cellColumn Number/String auto ---- 列数
cellGap Number 30 ---- 间距
cellTitleLines Number 1 ---- 标题最多显示多少行
cellTitleSize Number 24 ---- 标签文字大小
cellBorderRadius Number 10 ---- 标签圆角
cellBackgroundColor Number 10 ---- 标签背景色（开启镂空时为主体色）
enablePlain Number 0 1/0 开启镂空效果
  • 数据
属性名 类型 默认值 可选值 说明
title String ---- ---- 标题
url String ---- ---- 跳转路径（支持在线网址和规则页面）
  • 示例用法
{
    "components": [
        {
            "name": "card",
            "style": {
                "cardTitle": "热门标签",//卡片标题
                "cellName": "tag-cell",
                "cellColumn": "auto",
            },
            "request": {
                "url": "/search/?kw={{keyword}}&sign={{$2}}&sort={{$1}}&words=-1",
                "device": "电脑"
            },//请求
            "dynamicData": {
                "list": "@sel:class.rank-book-list[0]>>tag.a",
                "title": "@sel:class.book-name[0]>>text",
                "url": "book?id=<js>@sel:attr.href@match:book&es;/>>.html>>1</js>"
            }//动态数据
        }
    ]
}
  • a-cell（文章单元格）
  • style（样式）
属性名 类型 默认值 可选值 说明
cellName String a-cell ---- 单元格名称
cellColumn Number 1 ---- 列数
cellGap Number 30 ---- 间距
cellImageWidth Number 230 ---- 图片宽度
cellImageHeight Number 190 ---- 图片高度
cellTitleLines Number 1 ---- 标题最多显示几行
cellDescriptionLines Number 3 ---- 简介最多显示几行
cellImageTipSize Number 1 ---- 图片加载提示文字大小
cellImageBorderRadius Number 10 ---- 图片圆角
  • 数据
属性名 类型 默认值 可选值 说明
title String ---- ---- 标题
subtitle String ---- ---- 二级标题
description String ---- ---- 简介
images Array/String ---- ---- 图片组
url String ---- ---- 跳转路径（支持在线网址和规则页面）
  • 示例用法
{
    "cell": {
        "style": {
            "cellName": "a-cell"
        },
        "request": {
            "url": "?c=tingshuo&m=get_feeds",
            "device": "电脑"
        },
        "dynamicData": {
            "list": "@json:data@sel:tag.dl",
            "title": "@sel:class.feed_detail[0]>>class.hide[0]>>text",
            "description": "@sel:class.feed_info[0]>>tag.div[0]&&tag.div[1]>>text@string:",
            "subtitle": "@sel:class.feed_info[0]>>tag.ul[0]>>text",
            "images": "https://www.itingwa.com<js>@sel:class.feed_img[0]>>attr.src</js>",
            "url": "<if>@sel:tag.a[1]>>attr.href@have:listen</if><then>music?id=<js>@sel:tag.a[1]>>attr.href@split:listen/>>1</js></then><elseif>@sel:tag.a[1]>>attr.href@have:album</elseif><then>album?id=<js>@sel:tag.a[1]>>attr.href@split:album/>>1</js></then><else>article?id=<js>@sel:tag.a[1]>>attr.href@split:article/>>1</js></else>&background=https://www.itingwa.com<js>@sel:class.feed_img[0]>>attr.src</js>",
            "dataId": "@sel:attr.init-data"
        }
    }
}
  • c-cell（评论单元格）
  • 数据
属性名 类型 默认值 可选值 说明
title String ---- ---- 标题
subtitle String ---- ---- 二级标题
avatar String ---- ---- 头像
content String ---- ---- 评论内容
masterComments Array ---- ---- 顶部评论集合
subComments Array ---- ---- 二级评论集合
url String ---- ---- 跳转路径（支持在线网址和规则页面）
  • 示例用法
{
    "comments": {
        "request": {
            "url": "?c=comment&m=get_comment&id={{id}}&type=0&p={{page}}"
        },
        "dynamicData": {
            "list": "@json:items",
            "avatar": "@json:author.avatar",
            "title": "@json:author.nick",
            "subtitle": "@json:date@sync:return lastResult*1000@dateFormat:",
            "content": "@json:content",
            "url": "user?id=<js>@json:author.id</js>",
            "subComments": {
                "list": "@json:replies.items",
                "avatar": "@json:author.avatar",
                "title": "@json:author.nick",
                "subtitle": "@json:date@sync:return lastResult*1000@dateFormat:",
                "content": "@json:content",
                "url": "user?id=<js>@json:author.id</js>"
            }
        }
    }
}

  • w-cell（瀑布流单元格）

  • style（样式）

属性名 类型 默认值 可选值 说明
cellName String w-cell ---- 单元格名称
cellColumn Number 3 ---- 列数
cellGap Number 30 ---- 间距
cellImageHeight Number 240 ---- 图片高度
cellImageBorderRadius Number 10 ---- 图片圆角
cellImageTipSize Number 20 ---- 图片加载提示文字大小
cellTitleLines Number 1 ---- 标题最多显示多少行
  • 数据
属性名 类型 默认值 可选值 说明
title String ---- ---- 标题
subtitle String ---- ---- 二级标题
cover String ---- ---- 图片地址
url String ---- ---- 跳转路径（支持在线网址和规则页面）
  • 示例用法
{
    "cell": {
        "style": {
            "cellName": "w-cell",
            "cellImageHeight": 240,
            "cellColumn": 3,
        },
        "request": {
            "url": "/search/?kw={{keyword}}&sign={{$2}}&sort={{$1}}&words=-1&page={{page}}",
            "device": "电脑"
        },
        "dynamicData": {
            "list": "@sel:class.rank-book-list[0]>>tag.a",
            "title": "@sel:class.book-name[0]>>text",
            "cover": "@sel:class.book-cover[0]>>tag.img[0]>>attr.src",
            "subtitle": "@sel:class.book-extra[0]>>text",
            "url": "book?id=<js>@sel:attr.href@match:book&es;/>>.html>>1</js>"
        }
    }
}
  • t-cell（讨论/帖子 单元格）
  • style（样式）
属性名 类型 默认值 可选值 说明
cellName String t-cell ---- 单元格名称
cellColumn Number 3 ---- 列数
cellGap Number 30 ---- 间距
cellImageColumn Number 3 ---- 图片组列数
cellImageHeight Number 160 ---- 图片组单个图片高度
cellImageBorderRadius Number 10 ---- 图片组单个图片圆角
cellImageTipSize Number 20 ---- 图片加载提示文字大小
cellTitleLines Number 1 ---- 标题最多显示多少行
cellDescriptionLines Number 3 ---- 简介最多显示多少行
  • 数据
属性名 类型 默认值 可选值 说明
title String ---- ---- 标题
subtitle String ---- ---- 二级标题
subtext String ---- ---- 底部文本
avatar String ---- ---- 头像
description String ---- ---- 简介
images Array ---- ---- 图片组
video Object ---- ---- 视频信息
url String ---- ---- 跳转路径（支持在线网址和规则页面）
  • video（视频对象）
属性名 类型 默认值 可选值 说明
title String ---- ---- 视频标题
cover String ---- ---- 视频封面
src String ---- ---- 视频播放连接
  • 示例用法
{
    "cell": {
        "style": {
            "cellName": "t-cell",
            "cellColumn": 1
        },
        "request": {
            "device": "手机"
        },
        "dynamicData": {
            "list": "@json:data.list",
            "title": "@json:author",
            "subtitle": "<if>@json:ghType@equal:haokan</if><then>官方账号</then><else>@json:authorWishes</else>",
            "subtext": "<if>@json:ghType@equal:haokan</if><else><js>@json:playcntText</js>&nbsp;|&nbsp;<js>@json:durationText</js></else>",
            "avatar": "@json:authorIcon",
            "description": "#<js>@json:videoInfo.title</js>",
            "video": {
                "title": "@json:videoInfo.title",
                "cover": "@json:videoInfo.poster",
                "src": "@json:videoInfo.clarityUrl[0].url"
            },
            "url": "video?id=<js>@json:vid</js>"
        }
    }
}

components（组件）

  • title（标题组件）
  • style（样式）
属性名 类型 默认值 可选值 说明
title String ---- ---- 标题名称
color String #333333 ---- 标题颜色
  • 示例用法
{
    "components": [
        {
            "name": "title",
            "style": {
                "title": "为您推荐",//标题名称
                "color": "#ffffff"//标题颜色
            }
        }
    ]
}
  • search-input（搜索框）
  • style（样式）
属性名 类型 默认值 可选值 说明
url String ---- ---- 跳转路径（支持在线网址和规则页面）
placeholder String ---- ---- 搜索框提示文字
borderRadius Number 10 ---- 搜索框圆角
enableSearch Number 1 1/0 开启输入搜索功能
  • 示例用法
{
    "components": [
        {
            "name": "search-input",
            "style": {
                "url": "search",//跳转name为search的规则页面
                "placeholder": "点击搜索内容",//提示文字
                "borderRadius": 10,//圆角
                "enableSearch": 1//开启搜索
            }
        },
        {
            "name": "search-input",
            "style": {
                "url": "https://www.baidu.com"//跳转在线网址
            }
        }
    ]
}
  • slider（轮播图）
  • style（样式）
属性名 类型 默认值 可选值 说明
height Number 280 ---- 高度
enableIndicatorDots Number 1 1/0 开启指示点
indicatorActiveColor String ---- ---- 指示点选中色
titleShow Number 1 1/0 展示轮播图标题
  • 数据
属性名 类型 默认值 可选值 说明
title String ---- ---- 轮播图标题
cover String ---- ---- 轮播图图片路径
url String ---- ---- 跳转路径（支持在线网址和规则页面）
  • 示例用法
{
    "components": [
        {
            "name": "slider",
            "style": {
                "height": 280,//高度
                "enableIndicatorDots": 1,//开启指示点
                "indicatorActiveColor": "#42b983",//指示点选中色
                "titleShow": 1//展示标题
            },
            "staticData": [{
                "title": "轮播图第一张",//标题
                "cover": "https://image.test.com/test1.png",//图片路径
                "url": "https://www.test.com"//跳转路径
            },{
                "title": "轮播图第二张",//标题
                "cover": "https://image.test.com/test2.png",//图片路径
                "url": "https://www.test.com"//跳转路径
            }]//静态数据
        },
        {
            "name": "slider",
            "style": {
                "height": 280,//高度
                "enableIndicatorDots": 1,//开启指示点
                "indicatorActiveColor": "#42b983",//指示点选中色
                "titleShow": 0//不展示标题
            },
            "request": {
                "url": "https://www.test.com",//请求链接
                "device": "电脑"//请求平台
            },//请求
            "dynamicData": {
                "list": "@sel:tag.li",//列表规则
                "cover": "@sel:class.img[0]>>attr.src",//图片规则
                "url": "detail?id=<js>@sel:class.link[0]>>attr.href</js>"//跳转路径规则
            }//动态数据
        }
    ]
}
  • banner（banner图）
  • style（样式）
属性名 类型 默认值 可选值 说明
height Number ---- ---- 高度
borderRadius Number 15 ---- 圆角
mode String widthFix widthFix/aspectFit/aspectFill/heightFix 图片剪切模式
  • 数据
属性名 类型 默认值 可选值 说明
cover String ---- ---- 轮播图图片路径
url String ---- ---- 跳转路径（支持在线网址和规则页面）
  • 示例用法
{
    "components": [
        {
            "name": "banner",
            "style": {
                "height": 280,//高度
                "borderRadius": 15,//开启指示点
                "mode": "aspectFill",//图片剪切模式
            },
            "staticData": {
                "cover": "https://image.test.com/test1.png",//图片路径
                "url": "https://www.test.com"//跳转路径
            }//静态数据
        },
        {
            "name": "banner",
            "style": {
                "height": 280,//高度
                "borderRadius": 15,//圆角
                "mode": "aspectFill",//图片剪切模式
            },
            "request": {
                "url": "https://www.test.com",//请求链接
                "device": "电脑"//请求平台
            },//请求
            "dynamicData": {
                "cover": "@sel:class.img[0]>>attr.src",//图片规则
                "url": "detail?id=<js>@sel:class.link[0]>>attr.href</js>"//跳转路径规则
            }//动态数据
        }
    ]
}
  • notice-bar（公告栏）
  • style（样式）
属性名 类型 默认值 可选值 说明
icon String ---- ---- 图标 可使用网络图片路径或者图标库
borderRadius Number 10 ---- 圆角
moreText String ---- ---- 更多按钮文字
moreUrl String ---- ---- 更多跳转路径（支持在线网址和规则页面）
  • 数据
属性名 类型 默认值 可选值 说明
title String ---- ---- 标题
url String ---- ---- 跳转路径（支持在线网址和规则页面）
  • 示例用法
{
    "components": [
        {
            "name": "notice-bar",
            "style": {
                "icon": "notification",//图标 可使用网络图片路径
                "moreText": "全部",//更多按钮文字
                "moreUrl": "notice",//更多跳转路径（网址 | 页面）
                "borderRadius": 10,//圆角
            },
            "staticData": [{
                "title": "这是一条公告1",//标题
                "url": "https://www.test.com"//跳转路径
            },{
                "cover": "这是一条公告2",//标题
                "url": "https://www.test.com"//跳转路径
            }]//静态数据
        },
        {
            "name": "notice-bar",
            "style": {
                "icon": "notification",//图标 可使用网络图片路径
                "moreText": "全部",//更多按钮文字
                "moreUrl": "notice",//更多跳转路径（网址 | 页面）
                "borderRadius": 10,//圆角
            },
            "request": {
                "url": "https://www.test.com",//请求链接
                "device": "电脑"//请求平台
            },//请求
            "dynamicData": {
                "list": "@sel:tag.li",//列表规则
                "title": "@sel:tag.p[0]>>text",//标题规则
                "url": "detail?id=<js>@sel:class.link[0]>>attr.href</js>"//跳转路径规则
            }//动态数据
        }
    ]
}
  • menu（菜单栏）
  • style（样式）
属性名 类型 默认值 可选值 说明
column Number 4 ---- 列数
columnGap Number 15 ---- 间隔
borderRadius Number 15 ---- 圆角
  • 数据
属性名 类型 默认值 可选值 说明
icon String ---- ---- 图标 可使用网络图片路径或者图标库
iconColor String ---- ---- 图标颜色
title String ---- ---- 标题
url String ---- ---- 跳转路径（支持在线网址和规则页面）
  • 示例用法
{
    "components": [
        {
            "name": "menu",
            "style": {
                "column": 2,//列数
                "columnGap": 15,//列间隔
                "borderRadius": 15//圆角
            },
            "staticData": [{
                "icon": "notifacation",//图标 可使用网络图片路径
                "iconColor": "#f5f5f5",//图标颜色
                "title": "菜单",//标题
                "url": "list"//跳转路径（网址 | 页面）
            },{
                "icon": "notifacation",//图标 可使用网络图片路径
                "iconColor": "#f5f5f5",//图标颜色
                "title": "菜单",//标题
                "url": "list"//跳转路径（网址 | 页面）
            }]//静态数据
        },
        {
            "name": "menu",
            "style": {
                "column": 2,//列数
                "columnGap": 15,//列间隔
                "borderRadius": 15//圆角
            },
            "request": {
                "url": "https://www.test.com",//请求链接
                "device": "电脑"//请求平台
            },//请求
            "dynamicData": {
                "list": "@sel:tag.li",//列表规则
                "icon": "@sel:tag.img[0]>>attr.src",//图片规则
                "title": "@sel:tag.p[0]>>text",//标题规则
                "url": "detail?id=<js>@sel:class.link[0]>>attr.href</js>"//跳转路径（网址 | 页面）
            }//动态数据
        }
    ]
}
  • link（链接）
  • style（样式）
属性名 类型 默认值 可选值 说明
iconColor String ---- ---- 图标颜色
iconBorderRadius Number 0 ---- 图标圆角
borderRadius Number 0 ---- 圆角
  • 数据
属性名 类型 默认值 可选值 说明
icon String ---- ---- 图标 可使用网络图片路径或者图标库
title String ---- ---- 标题
description String ---- ---- 简介
url String ---- ---- 跳转路径（支持在线网址和规则页面）
  • 示例用法
{
    "components": [
        {
            "name": "link",
            "style": {
                "iconColor": "#f5f5f5",//图标颜色
                "iconBorderRadius": 0,//图标圆角
                "borderRadius": 0,//圆角
            },
            "staticData":{
                "icon": "notification",//图标
                "title": "这是一个链接",//标题
                "description": "这是一个链接简介",//简介
                "url": "https://www.baidu.com"//跳转网址
            }//静态数据
        },
        {
            "name": "link",
            "style": {
                "iconColor": "#f5f5f5",//图标颜色
                "iconBorderRadius": 0,//图标圆角
                "borderRadius": 0,//圆角
            },
            "request": {
                "url": "https://www.test.com",//请求链接
                "device": "电脑"//请求平台
            },//请求
            "dynamicData": {
                "icon": "@sel:tag.img[0]>>attr.src",//图片规则
                "title": "@sel:tag.p[0]>>text",//标题规则
                "description": "@sel:class.intro[0]>>text",//简介规则
                "url": "detail?id=<js>@sel:class.link[0]>>attr.href</js>"//跳转路径（网址 | 页面）
            }//动态数据
        }
    ]
}
  • links（链接栏）
  • style（样式）
属性名 类型 默认值 可选值 说明
column Number 2 ---- 列数
borderRadius Number 0 ---- 圆角
  • 数据
属性名 类型 默认值 可选值 说明
icon String ---- ---- 图标 可使用网络图片路径或者图标库
iconColor String ---- ---- 图标颜色
title String ---- ---- 标题
url String ---- ---- 跳转路径（支持在线网址和规则页面）
  • 示例用法
{
    "components": [
        {
            "name": "links",
            "style": {
                "column": 2,//列数
                "borderRadius": 0//圆角
            },
            "staticData": [{
                "icon": "notifacation",//图标 可使用网络图片路径
                "iconColor": "#f5f5f5",//图标颜色
                "title": "链接",//标题
                "url": "list"//跳转路径（网址 | 页面）
            },{
                "icon": "notifacation",//图标 可使用网络图片路径
                "iconColor": "#f5f5f5",//图标颜色
                "title": "链接",//标题
                "url": "list"//跳转路径（网址 | 页面）
            }]//静态数据
        }
        {
            "name": "links",
            "style": {
                "column": 2,//列数
                "borderRadius": 0//圆角
            },
            "request": {
                "url": "https://www.test.com",//请求链接
                "device": "电脑"//请求平台
            },//请求
            "dynamicData": {
                "list": "@sel:tag.li",//列表规则
                "icon": "@sel:tag.img[0]>>attr.src",//图片规则
                "title": "@sel:tag.p[0]>>text",//标题规则
                "url": "detail?id=<js>@sel:class.link[0]>>attr.href</js>"//跳转路径（网址 | 页面）
            }//动态数据
        }
    ]
}
  • card（卡片）
  • style（样式）
属性名 类型 默认值 可选值 说明
cardTitle String ---- ---- 卡片标题
cardIcon String ---- ---- 卡片图标 可使用网络图片路径或者图标库
cardIconColor String ---- ---- 卡片图标颜色
cardDescription String ---- ---- 卡片简介
enableRefresh Number 0 1/0 开启换一组功能（需要配合cellCount使用，cellCount用来控制每一组的最大数量）
enableScroll Number 0 1/0 开启滚动功能
enableTopCard Number 0 1/0 开启顶部卡片显示
topCellName String ---- h-cell/v-cell/img-cell/text-cell/tag-cell/c-cell/t-cell 顶部卡片（默认和cellName相同）
topCellImageWidth Number 120 ---- 顶部卡片图片宽度
topCellImageHeight Number 160 ---- 顶部卡片图片高度
topCellImageBorderRadius Number 10 ---- 顶部卡片图片圆角
topCellImageTipSize Number 20 ---- 顶部卡片图片提示尺寸
topCellTitleLines Number 1 ---- 顶部卡片标题多行省略
topCellDescriptionLines Number 3 ---- 顶部卡片简介多行省略
moreText String ---- ---- 更多按钮文字
moreUrl String ---- ---- 更多按钮链接（支持在线网址和规则页面）
cellName String ---- h-cell/v-cell/img-cell/text-cell/tag-cell/c-cell/t-cell 单元格
cellImageWidth Number 120 ---- 单元格图片宽度
cellImageHeight Number 160 ---- 单元格图片高度
cellImageBorderRadius Number 10 ---- 单元格图片圆角
cellImageTipSize Number 20 ---- 单元格图片提示尺寸
cellTitleLines Number 1 ---- 单元格标题多行省略
cellDescriptionLines Number 3 ---- 单元格简介多行省略
cellColumn Number/String 3 ---- 列数
cellCount Number/String auto ---- 列表总数
cellGap Number 30 ---- 间距
cellWidth Number 300/auto ---- 单项单元格的宽度（仅在enableScroll为1和cellColumn为auto时生效）
borderRadius Number 0 ---- 圆角
subsectionColumn Number/String auto auto/任意整数 分段器列数
subsectionSelectedColor String ---- ---- 分段器选中颜色
  • data（数据）
属性名 类型 默认值 可选值 说明
subsection Array ---- ---- 分段数据
  • 示例用法（该组件需要配合cell单元格使用）
{
    "components": [
        //横向单元格
        {
            "name": "card",
            "style": {
                "cardTitle": "作者",
                "cellName": "h-cell",
                "cellColumn": 1,
                "cellImageWidth": 80,
                "cellImageHeight": 80,
                "cellDescriptionLines": 1,
                "cellImageBorderRadius": 80
            },
            "request": {
                "url": "/book/{{id}}.html",
                "device": "电脑"
            },
            "dynamicData": {
                "list": "@sel:class.novelist",
                "title": "@sel:class.name[0]>>tag.a[0]>>text",
                "cover": "@sel:tag.img[0]>>attr.src",
                "description": "@sel:class.about[0]>>text",
                "url": "user?id=<js>@sel:class.name[0]>>tag.a[0]>>attr.href@replace:/user/info?id=</js>"
            }
        },
        //竖向单元格
        {
            "name": "card",
            "style": {
                "cardTitle": "推荐阅读",
                "cellName": "v-cell"
            },
            "request": {
                "url": "/book/{{id}}.html",
                "device": "电脑"
            },
            "dynamicData": {
                "list": "@sel:class.side-show-image-list[0]>>class.side-show-image-item",
                "title": "@sel:tag.img[0]>>attr.alt",
                "cover": "@sel:tag.img[0]>>attr.src",
                "url": "book?id=<js>@sel:tag.a[0]>>attr.href@match:book&es;/>>.html>>1</js>"
            }
        },
        //图片单元格
        {
            "name": "card",
            "style": {
                "cardTitle": "版权强推",
                "cellName": "img-cell",
                "cellColumn": 2,
                "cellImageHeight": 140,
                "enableTopCard": 1
            },
            "request": {
                "device": "电脑"
            },
            "dynamicData": {
                "list": "@sel:class.blog-list[0]>>tag.li",
                "cover": "@sel:class.lazy[0]>>attr.data-original",
                "url": "@sel:tag.a[0]>>attr.href"
            }
        },
        //文本单元格
        {
            "name": "card",
            "style": {
                "cellName": "text-cell"
            },
            "request": {
                "url": "/article/{{$1}}/{{page}}",
                "device": "电脑"
            },
            "dynamicData": {
                "list": "@sel:class.article[0]>>tag.li",
                "title": "@sel:class.title[0]>>text",
                "subtitle": "@sel:class.top_20[0]>>text",
                "url": "<if>@sel:class.right[0]>>tag.img[0]</if><then>article?id=<js>@sel:class.title[0]>>attr.href@split:article/>>1</js>&background=<js>@sel:class.right[0]>>tag.img[0]>>attr.src</js></then><else>article?id=<js>@sel:class.title[0]>>attr.href@split:article/>>1</js>&background=<js>@sel:class.face[0]>>attr.src</js></else>"
            }
        },
        //标签单元格
        {
            "name": "card",
            "style": {
                "cardTitle": "热门搜索",
                "cellName": "tag-cell",
                "cellColumn": "auto"
            },
            "request": {
                "url": "/book/fenlei.html",
                "device": "电脑"
            },
            "dynamicData": {
                "list": "@sel:id.album_tabs>>tag.li[2]>>tag.a",
                "title": "@sel:text",
                "url": "detail?id=<js>@sel:attr.href@match:cate->>.html>>1</js>&navigationTitle=<js>@sel:text</js>"
            }
        },
        //评论单元格
        {
            "name": "card",
            "style": {
                "cardTitle": "热门评论",
                "cellName": "c-cell",
                "cellColumn": 1
            },
            "request": {
                "url": "/video_{{id}}",
                "device": "手机"
            },
            "dynamicData": {
                "list": "@sel:class.main-comm-list[0]>>class.comm-li",
                "title": "@sel:class.comm-name[0]>>text",
                "subtitle": "@sel:class.date[0]>>text",
                "avatar": "@sel:class.comm-hdimg[0]>>attr.style@match:url&es;(>>&es;);>>1",
                "content": "@sel:class.comm-cont[0]>>text",
                "subComments": {
                    "list": "@sel:class.reply-li",
                    "title": "@sel:class.comm-reply-title[0]>>text",
                    "subtitle": "@sel:class.date[0]>>text",
                    "content": "@sel:class.comm-reply-cont[0]>>text"
                },
                "score": "@sel:attr.data-score",
                "commentId": "@sel:attr.id"
            }
        },
        //讨论\帖子 单元格
        {
            "name": "card",
            "style": {
                "cardTitle": "分类",
                "cellName": "t-cell",
                "cellColumn": 1
            },
            "request": {
                "device": "手机"
            },
            "dynamicData": {
                "list": "@json:data.list",
                "title": "@json:author",
                "subtitle": "<if>@json:ghType@equal:haokan</if><then>官方账号</then><else>@json:authorWishes</else>",
                "subtext": "<if>@json:ghType@equal:haokan</if><else><js>@json:playcntText</js>&nbsp;|&nbsp;<js>@json:durationText</js></else>",
                "avatar": "@json:authorIcon",
                "description": "#<js>@json:videoInfo.title</js>",
                "video": {
                    "title": "@json:videoInfo.title",
                    "cover": "@json:videoInfo.poster",
                    "src": "@json:videoInfo.clarityUrl[0].url"
                },
                "url": "video?id=<js>@json:vid</js>"
            }
        },
        //开启分类
        {
            "name": "card",
            "style": {
                "cardTitle": "分类",
                "cellName": "tag-cell",
                "cellColumn": "auto"
            },
            "request": {
                "url": "/book/fenlei.html",
                "device": "电脑"
            },
            "staticData": {
                "subsection": ["热血", "推理", "悬疑"]
            },
            "dynamicData": {
                "list": [{
                    "list": "@sel:id.album_tabs>>tag.li[2]>>tag.a",
                    "title": "@sel:text",
                    "url": "detail?id=<js>@sel:attr.href@match:cate->>.html>>1</js>&navigationTitle=<js>@sel:text</js>"
                },{
                    "list": "@sel:id.album_tabs>>tag.li[3]>>tag.a",
                    "title": "@sel:text",
                    "url": "detail?id=<js>@sel:attr.href@match:cate->>.html>>1</js>&navigationTitle=<js>@sel:text</js>"
                },{
                    "list": "@sel:id.album_tabs>>tag.li[4]>>tag.a",
                    "title": "@sel:text",
                    "url": "detail?id=<js>@sel:attr.href@match:cate->>.html>>1</js>&navigationTitle=<js>@sel:text</js>"
                }]
            }
        },
        //开启刷新功能
        {
            "name": "card",
            "style": {
                "cardTitle": "最近应援",
                "cardDescription": "大佬万岁\/(^o^)/ ",
                "cellName": "v-cell",
                "cellColumn": 4,
                "cellCount": 4,//每组数量为4
                "enableRefresh": 1,//开启换一组功能
                "cellImageHeight": 160
            },
            "request": {
                "url": "/book.html",
                "device": "电脑"
            },
            "dynamicData": {
                "list": "@sel:class.reward-list[0]>>tag.a",
                "title": "@sel:class.book-name[0]>>text",
                "subtitle": "@sel:class.reward-detail[0]>>text",
                "cover": "@sel:class.lazy[0]>>attr.data-original",
                "url": "book?id=<js>@sel:attr.href@match:book&es;/>>.html>>1</js>"
            }
        }
    ]
}
  • 组件支持动态生成，示例如下:
{
    "components": [
        {
            //不填写name属性，填写request和components属性，表示根据请求内容动态生成组件，对于相同的组件可以一次生成，避免一个一个编辑
            "request": {
                "url": "/api/stations?classifyId=4"
            },
            //components为数组，可以添加多个组件，表示动态生成多个组件，所有属性都和规则属性一样，可以填写规则获取内容
            "components": [{
                "list": "@json:data",//list属性和规则的list属性是一样的，list获得多少条内容，就生成多少个本组件
                "name": "card",
                "style": {
                    "cardTitle": "@json:name",
                    "cellName": "v-cell",
                    "cellColumn": 2,
                    "cellImageHeight": 200,
                    "moreUrl": "more?id=<js>@json:id</js>&navigationTitle=<js>@json:name</js>",
                    "moreText": "更多"
                },
                "data": {
                    "list": "@json:list",
                    "title": "@json:title",
                    "subtitle": "@json:tagTitles@join:·",
                    "cover": "@json:coverImg",
                    "url": "detail?id=<js>@json:id</js>"
                }
            }]
        }
    ]
}

# php # 开发语言
Logo
人工智能6S服务平台

作为“人工智能6S店”的官方数字引擎，为AI开发者与企业提供一个覆盖软硬件全栈、一站式门户。

更多推荐

cover

KMP OpenHarmony 密码强度评估工具

avatar 人工智能6S服务平台

《昇腾开发者平台全解析：从产业概述到技术实践，一站式 AI 开发资源汇总》

摘要：华为昇腾开发者平台为AI开发者提供一站式服务，整合芯片、框架、工具等全栈资源，降低技术门槛。平台包含五大核心板块：1）产业概述，帮助理解昇腾生态；2）学习资源，提供体系化课程和技术干货；3）社区交流，支持开发者互助协作；4）官方支持，包括文档和技术工单；5）生态联动，实现多平台资源互通。平台支持开发者分阶段成长，从入门学习到实战开发再到进阶优化，助力AI技术快速落地。2025年昇腾CANN训

avatar 人工智能6S服务平台
cover

KMP OpenHarmony 蜜蜂养殖产蜜量预测器

avatar 人工智能6S服务平台