小程序、uniapp、thinkPHP、Vue相互转换核心代码

最新推荐文章于 2023-03-21 14:36:36 发布
最新推荐文章于 2023-03-21 14:36:36 发布
阅读量335 收藏
点赞数
分类专栏： 前端开发 后端开发 文章标签： javascript vue.js 小程序 前端 thinkphp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_22811669/article/details/122490293
版权 
/**
 * 按照正则reg把target找出并用replace按照scale（和unit单位）批量替换掉
 * @param {Object} reg
 * @param {Object} target
 * @param {Object} scale
 * @param {Object} unit
 */
function replaceAll(reg,target,scale,unit){
    var result = target.match(reg);
    for(var i in result){
        target = target.replace(result[i],parseFloat(result[i])*scale+unit)
    }
    return target;
}

/**
 * htmlTowxml
 * @param {Object} inputValue
 */
function htmlTowxml(inputValue) {
    inputValue = inputValue.replace(/<div |<p |<table |<tr |<ul |<dl |<h1 |<h2 |<h3 |<h4 |<h5 |<h6 |<nav |<head |<header |<footer |<article |<aside /ig, '<view ')
    inputValue = inputValue.replace(/<div>|<p>|<table>|<tr>|<ul>|<dl>|<h1>|<h2>|<h3>|<h4>|<h5>|<h6>|<nav>|<head>|<header>|<footer>|<article>|<aside>/ig, '<view>')
    inputValue = inputValue.replace(/<\/div>|<\/p>|<\/table>|<\/tr>|<\/ul>|<\/dl>|<\/h1>|<\/h2>|<\/h3>|<\/h4>|<\/h6>|<\/h6>|<\/nav>|<\/head>|<\/header>|<\/footer>|<\/article>|<\/aside>/ig, '</view>')

    inputValue = inputValue.replace(/textarea/ig, 'rich-text')

    inputValue = inputValue.replace(/<th |<td |<li |<dt /ig, '<view ')
    inputValue = inputValue.replace(/<th>|<td>|<li>|<dt>/ig, '<view>')
    inputValue = inputValue.replace(/<\/th>|<\/td>|<\/li>|<\/dt>/ig, '</view>')

    inputValue = inputValue.replace(/<span /ig, '<text ')
    inputValue = inputValue.replace(/<span>/ig, '<text>')
    inputValue = inputValue.replace(/<\/span>/ig, '</text>')

    inputValue = inputValue.replace(/<img /ig, '<image ')
    inputValue = inputValue.replace(/<img>/ig, '<image>')
    inputValue = inputValue.replace(/<\/img>/ig, '</image>')

    inputValue = inputValue.replace(/<a /ig, '<navigator ')
    inputValue = inputValue.replace(/<a>/ig, '<navigator>')
    inputValue = inputValue.replace(/<\/a>/ig, '</navigator>')

    inputValue = inputValue.replace(/onclick/ig, 'bindtap')

    //vue转wx
    // inputValue = inputValue.replace(/@click/ig, 'bindtab')
    // inputValue = inputValue.replace(/v-for/ig, 'wx:for')
    // inputValue = inputValue.replace(/v-if/ig, 'wx:if')
    // inputValue = inputValue.replace(/v-else/ig, 'wx:else')


    // 标签里面含有样式rpx
    var reg1=/-?\d+(\.\d+)?px/ig;
    var reg2=/-?\d+px/ig;
    var reg3=/-?\d+(\.\d+)?rem/ig;
    var reg4=/-?\d+rem/ig;
    inputValue=replaceAll(reg1,inputValue,2,"rpx")
    inputValue=replaceAll(reg2,inputValue,2,"rpx")
    inputValue=replaceAll(reg3,inputValue,100,"rpx")
    inputValue=replaceAll(reg4,inputValue,100,"rpx")
    return inputValue;
}

/**
 * htmlTouni
 * @param {Object} inputValue
 */
function htmlTouni(inputValue) {
    inputValue = inputValue.replace(/<div |<p |<table |<tr |<ul |<dl |<h1 |<h2 |<h3 |<h4 |<h5 |<h6 |<nav |<head |<header |<footer |<article |<aside /ig, '<view ')
    inputValue = inputValue.replace(/<div>|<p>|<table>|<tr>|<ul>|<dl>|<h1>|<h2>|<h3>|<h4>|<h5>|<h6>|<nav>|<head>|<header>|<footer>|<article>|<aside>/ig, '<view>')
    inputValue = inputValue.replace(/<\/div>|<\/p>|<\/table>|<\/tr>|<\/ul>|<\/dl>|<\/h1>|<\/h2>|<\/h3>|<\/h4>|<\/h6>|<\/h6>|<\/nav>|<\/head>|<\/header>|<\/footer>|<\/article>|<\/aside>/ig, '</view>')

    inputValue = inputValue.replace(/textarea/ig, 'rich-text')

    inputValue = inputValue.replace(/<span |<th |<td |<li |<dt /ig, '<text ')
    inputValue = inputValue.replace(/<span>|<th>|<td>|<li>|<dt>/ig, '<text>')
    inputValue = inputValue.replace(/<\/span>|<\/th>|<\/td>|<\/li>|<\/dt>/ig, '</text>')

    inputValue = inputValue.replace(/<img /ig, '<image ')
    inputValue = inputValue.replace(/<img>/ig, '<image>')
    inputValue = inputValue.replace(/<\/img>/ig, '</image>')

    inputValue = inputValue.replace(/<a /ig, '<navigator ')
    inputValue = inputValue.replace(/<a>/ig, '<navigator>')
    inputValue = inputValue.replace(/<\/a>/ig, '</navigator>')

    inputValue = inputValue.replace(/onclick/ig, '@tap')

    //vue转wx
    // inputValue = inputValue.replace(/@click/ig, 'bindtab')
    // inputValue = inputValue.replace(/v-for/ig, 'wx:for')
    // inputValue = inputValue.replace(/v-if/ig, 'wx:if')
    // inputValue = inputValue.replace(/v-else/ig, 'wx:else')


    // 标签里面含有样式rpx
    var reg1=/-?\d+(\.\d+)?px/ig;
    var reg2=/-?\d+px/ig;
    var reg3=/-?\d+(\.\d+)?rem/ig;
    var reg4=/-?\d+rem/ig;
    inputValue=replaceAll(reg1,inputValue,2,"rpx")
    inputValue=replaceAll(reg2,inputValue,2,"rpx")
    inputValue=replaceAll(reg3,inputValue,100,"rpx")
    inputValue=replaceAll(reg4,inputValue,100,"rpx")
    return inputValue;
}

/**
 * vueTowxml
 * @param {Object} inputValue
 */
function vueTowxml(inputValue) {
    inputValue = inputValue.replace(/<div |<p |<table |<tr |<ul |<dl |<h1 |<h2 |<h3 |<h4 |<h5 |<h6 |<nav |<head |<header |<footer |<article |<aside /ig, '<view ')
    inputValue = inputValue.replace(/<div>|<p>|<table>|<tr>|<ul>|<dl>|<h1>|<h2>|<h3>|<h4>|<h5>|<h6>|<nav>|<head>|<header>|<footer>|<article>|<aside>/ig, '<view>')
    inputValue = inputValue.replace(/<\/div>|<\/p>|<\/table>|<\/tr>|<\/ul>|<\/dl>|<\/h1>|<\/h2>|<\/h3>|<\/h4>|<\/h6>|<\/h6>|<\/nav>|<\/head>|<\/header>|<\/footer>|<\/article>|<\/aside>/ig, '</view>')

    inputValue = inputValue.replace(/textarea/ig, 'rich-text')

    inputValue = inputValue.replace(/<span |<th |<td |<li |<dt /ig, '<text ')
    inputValue = inputValue.replace(/<span>|<th>|<td>|<li>|<dt>/ig, '<text>')
    inputValue = inputValue.replace(/<\/span>|<\/th>|<\/td>|<\/li>|<\/dt>/ig, '</text>')

    inputValue = inputValue.replace(/<img /ig, '<image ')
    inputValue = inputValue.replace(/<img>/ig, '<image>')
    inputValue = inputValue.replace(/<\/img>/ig, '</image>')

    inputValue = inputValue.replace(/<a /ig, '<navigator ')
    inputValue = inputValue.replace(/<a>/ig, '<navigator>')
    inputValue = inputValue.replace(/<\/a>/ig, '</navigator>')

    inputValue = inputValue.replace(/onclick/ig, 'bindsubmit')

    //vue转wx
    inputValue = inputValue.replace(/@click/ig, 'bindtab')
    inputValue = inputValue.replace(/@input/ig, 'bindinput')
    inputValue = inputValue.replace(/v-for/ig, 'wx:for')
    inputValue = inputValue.replace(/v-if/ig, 'wx:if')
    inputValue = inputValue.replace(/v-else/ig, 'wx:else')


    // 标签里面含有样式rpx
    var reg1=/-?\d+(\.\d+)?px/ig;
    var reg2=/-?\d+px/ig;
    var reg3=/-?\d+(\.\d+)?rem/ig;
    var reg4=/-?\d+rem/ig;
    inputValue=replaceAll(reg1,inputValue,2,"rpx")
    inputValue=replaceAll(reg2,inputValue,2,"rpx")
    inputValue=replaceAll(reg3,inputValue,100,"rpx")
    inputValue=replaceAll(reg4,inputValue,100,"rpx")
    return inputValue;
}

/**
 * vueTouni
 * @param {Object} inputValue
 */
function vueTouni(inputValue) {
    inputValue = inputValue.replace(/<div |<p |<table |<tr |<ul |<dl |<h1 |<h2 |<h3 |<h4 |<h5 |<h6 |<nav |<head |<header |<footer |<article |<aside /ig, '<view ')
    inputValue = inputValue.replace(/<div>|<p>|<table>|<tr>|<ul>|<dl>|<h1>|<h2>|<h3>|<h4>|<h5>|<h6>|<nav>|<head>|<header>|<footer>|<article>|<aside>/ig, '<view>')
    inputValue = inputValue.replace(/<\/div>|<\/p>|<\/table>|<\/tr>|<\/ul>|<\/dl>|<\/h1>|<\/h2>|<\/h3>|<\/h4>|<\/h6>|<\/h6>|<\/nav>|<\/head>|<\/header>|<\/footer>|<\/article>|<\/aside>/ig, '</view>')

    inputValue = inputValue.replace(/textarea/ig, 'rich-text')

    inputValue = inputValue.replace(/<span |<th |<td |<li |<dt /ig, '<text ')
    inputValue = inputValue.replace(/<span>|<th>|<td>|<li>|<dt>/ig, '<text>')
    inputValue = inputValue.replace(/<\/span>|<\/th>|<\/td>|<\/li>|<\/dt>/ig, '</text>')

    inputValue = inputValue.replace(/<img /ig, '<image ')
    inputValue = inputValue.replace(/<img>/ig, '<image>')
    inputValue = inputValue.replace(/<\/img>/ig, '</image>')

    inputValue = inputValue.replace(/<a /ig, '<navigator ')
    inputValue = inputValue.replace(/<a>/ig, '<navigator>')
    inputValue = inputValue.replace(/<\/a>/ig, '</navigator>')

    inputValue = inputValue.replace(/onclick/ig, 'bindsubmit')


    // 标签里面含有样式rpx
    var reg1=/-?\d+(\.\d+)?px/ig;
    var reg2=/-?\d+px/ig;
    var reg3=/-?\d+(\.\d+)?rem/ig;
    var reg4=/-?\d+rem/ig;
    inputValue=replaceAll(reg1,inputValue,2,"rpx")
    inputValue=replaceAll(reg2,inputValue,2,"rpx")
    inputValue=replaceAll(reg3,inputValue,100,"rpx")
    inputValue=replaceAll(reg4,inputValue,100,"rpx")

    return inputValue;
}

/**
 * vueTothinkphp
 * @param {Object} inputValue
 */
function vueTothinkphp(inputValue) {
    inputValue = inputValue.replace(/{{/ig, '{$')
    inputValue = inputValue.replace(/}}/ig, '}')

    return inputValue;
}

/**
 * wxmlTohtml
 * @param {Object} inputValue
 */
function wxmlTohtml(inputValue) {
	if(APP_CONFIG.dom_type==2){
		
	}else{
		inputValue = inputValue.replace(/<view |<scroll-view |<cover-view |<swiper |<swiper-item |<checkbox-group |<radio-group /ig, '<div ')
		inputValue = inputValue.replace(/<view>|<scroll-view>|<cover-view>|<swiper>|<swiper-item>|<checkbox-group>|<radio-group>/ig, '<div>')
		inputValue = inputValue.replace(/<\/view>|<\/scroll-view>|<\/cover-view>|<\/swiper>|<\/swiper-item>|<\/checkbox-group>|<\/radio-group>/ig, '</div>')
		
		inputValue = inputValue.replace(/<text /ig, '<span ')
		inputValue = inputValue.replace(/<text>/ig, '<span>')
		inputValue = inputValue.replace(/<\/text>/ig, '</span>')
		
		inputValue = inputValue.replace(/<checkbox /ig, '<input type="checkbox" ')
		inputValue = inputValue.replace(/<checkbox>/ig, '<input type="checkbox"> ')
		inputValue = inputValue.replace(/<\/checkbox>/ig, '')
		inputValue = inputValue.replace(/<radio /ig, '<input type="radio" ')
		inputValue = inputValue.replace(/<radio>/ig, '<input type="radio"> ')
		inputValue = inputValue.replace(/<\/radio>/ig, '')
		
		inputValue = inputValue.replace(/<image |<cover-image /ig, '<img ')
		inputValue = inputValue.replace(/<image>|<cover-image>/ig, '<img>')
		inputValue = inputValue.replace(/<\/image>|<\/cover-image>/ig, '')
		
		inputValue = inputValue.replace(/bindsubmit/ig, 'onclick')
		inputValue = inputValue.replace(/bindtap/ig, 'onclick')
		inputValue = inputValue.replace(/bindinput/ig, 'oninput')
		
		inputValue = inputValue.replace(/rich-text/ig, 'textarea')
		
		// 标签里面含有样式px
		var reg1=/-?\d+(\.\d+)?rpx/ig;
		var reg2=/-?\d+rpx/ig;
		inputValue=replaceAll(reg1,inputValue,0.5,"px")
		inputValue=replaceAll(reg2,inputValue,0.5,"px")
		
		return inputValue;
	}
}

/**
 * wxmlTovue
 * @param {Object} inputValue
 */
function wxmlTovue(inputValue) {
	if(APP_CONFIG.dom_type==2){
		var x2js = new X2JS();
		let _obj=x2js.xml_str2json(inputValue);
		console.log(inputValue)
		console.log(_obj);
		return x2js.json2xml_str(_obj)
	}else{
        // inputValue = inputValue.replace(/<view |<scroll-view |<cover-view |<swiper |<swiper-item |<checkbox-group |<radio-group /ig, '<div ')
        // inputValue = inputValue.replace(/<view>|<scroll-view>|<cover-view>|<swiper>|<swiper-item>|<checkbox-group>|<radio-group>/ig, '<div>')
        // inputValue = inputValue.replace(/<\/view>|<\/scroll-view>|<\/cover-view>|<\/swiper>|<\/swiper-item>|<\/checkbox-group>|<\/radio-group>/ig, '</div>')

		inputValue = inputValue.replace(/<view |<cover-view |<checkbox-group |<radio-group /ig, '<div ')
		inputValue = inputValue.replace(/<view>|<cover-view>|<checkbox-group>|<radio-group>/ig, '<div>')
		inputValue = inputValue.replace(/<\/view>|<\/cover-view>|<\/checkbox-group>|<\/radio-group>/ig, '</div>')


		inputValue = inputValue.replace(/<text /ig, '<span ')
		inputValue = inputValue.replace(/<text>/ig, '<span>')
		inputValue = inputValue.replace(/<\/text>/ig, '</span>')
		
		inputValue = inputValue.replace(/<checkbox /ig, '<input type="checkbox" ')
		inputValue = inputValue.replace(/<checkbox>/ig, '<input type="checkbox"> ')
		inputValue = inputValue.replace(/<\/checkbox>/ig, '')
		inputValue = inputValue.replace(/<radio /ig, '<input type="radio" ')
		inputValue = inputValue.replace(/<radio>/ig, '<input type="radio"> ')
		inputValue = inputValue.replace(/<\/radio>/ig, '')
		
		inputValue = inputValue.replace(/<image |<cover-image /ig, '<img ')
		inputValue = inputValue.replace(/<image>|<cover-image>/ig, '<img>')
		inputValue = inputValue.replace(/<\/image>|<\/cover-image>/ig, '')
		
		// inputValue = inputValue.replace(/bindsubmit/ig, 'onclick')
		
		inputValue = inputValue.replace(/rich-text/ig, 'textarea')
		
		
		// inputValue = inputValue.replace(/wx:for/ig, 'v-for')
		// inputValue = inputValue.replace(/wx:if/ig, 'v-if')
		// inputValue = inputValue.replace(/wx:else/ig, 'v-else')
		// inputValue = inputValue.replace(/wx:key/ig, ':key')

        if(APP_CONFIG.dom_type==3){
            inputValue=jQueryWxmlToVue(inputValue)
            // 标签里面含有样式px
            var reg1=/-?\d+(\.\d+)?rpx/ig;
            var reg2=/-?\d+rpx/ig;
            inputValue=replaceAll(reg1,inputValue,0.5,"px")
            inputValue=replaceAll(reg2,inputValue,0.5,"px")
            inputValue = inputValue.replace(/@tap/g, '@click');
        }else {
            inputValue=inputValue.replace(/data-(.*?)=\"{{(.*?)}}\"/g, res => {
                res=":"+res;
                res = res.replace(/\"\{\{/ig, '"')
                res = res.replace(/\}\}\"/ig, '"')
                res = res.replace(/\'\{\{/ig, "'")
                res = res.replace(/\}\}\'/ig, "'")
                return res;
            });

            inputValue=inputValue.replace(/data-(.*?)=\'{{(.*?)}}\'/g, res => {
                res=":"+res;
                res = res.replace(/\"\{\{/ig, '"')
                res = res.replace(/\}\}\"/ig, '"')
                res = res.replace(/\'\{\{/ig, "'")
                res = res.replace(/\}\}\'/ig, "'")
                return res;
            });

            inputValue = inputValue.replace(/wx\:else/ig, 'v-else')

            // 标签里面含有样式px
            var reg1=/-?\d+(\.\d+)?rpx/ig;
            var reg2=/-?\d+rpx/ig;
            inputValue=replaceAll(reg1,inputValue,0.5,"px")
            inputValue=replaceAll(reg2,inputValue,0.5,"px")

            inputValue=wxmlTouni(inputValue);
            inputValue = inputValue.replace(/@tap/g, '@click');

            inputValue=toVueTtext(inputValue);
        }
		

		
		return inputValue;
	}
}

/**
 * wxmlTouni
 * @param {Object} inputValue
 */
function wxmlTouni(inputValue) {
    if(APP_CONFIG.dom_type==3){
        inputValue=jQueryWxmlToUni(inputValue)
    }else {
        // 事件替换
        inputValue = inputValue.replace(/bindtap/g, '@tap')
        inputValue = inputValue.replace(/bindinput/g, '@input')
        inputValue = inputValue.replace(/bindchange/g, '@change')
        inputValue = inputValue.replace(/bindscroll/g, '@scroll')
        inputValue = inputValue.replace(/bindscrolltolower/g, '@scrolltolower')
        inputValue = inputValue.replace(/bindconfirm/g, '@confirm')
        inputValue = inputValue.replace(/bindblur/g, '@blur')
        inputValue = inputValue.replace(/bindlongtap/g, '@longtap')
        inputValue = inputValue.replace(/catchtouchmove/g, '@touchmove')

        // 模板
        inputValue = inputValue.replace(/wx\:if/ig, 'v-if')
        inputValue = inputValue.replace(/wx\:else/ig, 'v-else')
        inputValue = inputValue.replace(/wx\:key/ig, ':key')
        inputValue = inputValue.replace(/wx\:for=\"\{\{/g, 'v-for= "(item,index) in ');
        inputValue = inputValue.replace(/wx\:for=\'\{\{/g, "v-for= '(item,index) in ");

        // 数量值转化
        inputValue = inputValue.replace(/ value=\"\{\{/g, ' :value="');
        inputValue = inputValue.replace(/ value=\'\{\{/g, " :value='");
        inputValue = inputValue.replace(/ src=\"\{\{/g, ' :src="');
        inputValue = inputValue.replace(/ src=\'\{\{/g, " :src='");
        inputValue = inputValue.replace(/ url=\"\{\{/g, ' :url="');
        inputValue = inputValue.replace(/ url=\'\{\{/g, " :url='");
        inputValue = inputValue.replace(/ class=\"\{\{/g, ' :class="');
        inputValue = inputValue.replace(/ class=\'\{\{/g, " :class='");
        inputValue = inputValue.replace(/ style=\"\{\{/g, ' :style="');
        inputValue = inputValue.replace(/ style=\'\{\{/g, " :style='");

        inputValue=inputValue.replace(/data-(.*?)=\"{{(.*?)}}\"/g, res => {
            res=":"+res;
            res = res.replace(/\"\{\{/ig, '"')
            res = res.replace(/\}\}\"/ig, '"')
            res = res.replace(/\'\{\{/ig, "'")
            res = res.replace(/\}\}\'/ig, "'")
            return res;
        });

        inputValue=inputValue.replace(/data-(.*?)=\'{{(.*?)}}\'/g, res => {
            res=":"+res;
            res = res.replace(/\"\{\{/ig, '"')
            res = res.replace(/\}\}\"/ig, '"')
            res = res.replace(/\'\{\{/ig, "'")
            res = res.replace(/\}\}\'/ig, "'")
            return res;
        });

        // 括号模板转化
        inputValue = inputValue.replace(/ }}{{ /ig, '+')
        inputValue = inputValue.replace(/\"\{\{/ig, '"')
        inputValue = inputValue.replace(/\}\}\"/ig, '"')
        inputValue = inputValue.replace(/\'\{\{/ig, "'")
        inputValue = inputValue.replace(/\}\}\'/ig, "'")

        // 标签里面含有样式px
        // var reg1=/-?\d+(\.\d+)?rpx/ig;
        // var reg2=/-?\d+rpx/ig;
        // inputValue=replaceAll(reg1,inputValue,0.5,"px")
        // inputValue=replaceAll(reg2,inputValue,0.5,"px")
    }

    return inputValue;
}

/**
 * uniTohtml
 * @param {Object} inputValue
 */
function uniTohtml(inputValue) {
    inputValue = inputValue.replace(/<view |<scroll-view |<cover-view |<swiper |<swiper-item |<checkbox-group |<radio-group /ig, '<div ')
    inputValue = inputValue.replace(/<view>|<scroll-view>|<cover-view>|<swiper>|<swiper-item>|<checkbox-group>|<radio-group>/ig, '<div>')
    inputValue = inputValue.replace(/<\/view>|<\/scroll-view>|<\/cover-view>|<\/swiper>|<\/swiper-item>|<\/checkbox-group>|<\/radio-group>/ig, '</div>')

    inputValue = inputValue.replace(/<text /ig, '<span ')
    inputValue = inputValue.replace(/<text>/ig, '<span>')
    inputValue = inputValue.replace(/<\/text>/ig, '</span>')

    inputValue = inputValue.replace(/<checkbox /ig, '<input type="checkbox" ')
    inputValue = inputValue.replace(/<checkbox>/ig, '<input type="checkbox"> ')
    inputValue = inputValue.replace(/<\/checkbox>/ig, '')
    inputValue = inputValue.replace(/<radio /ig, '<input type="radio" ')
    inputValue = inputValue.replace(/<radio>/ig, '<input type="radio"> ')
    inputValue = inputValue.replace(/<\/radio>/ig, '')

    inputValue = inputValue.replace(/<image |<cover-image /ig, '<img ')
    inputValue = inputValue.replace(/<image>|<cover-image>/ig, '<img>')
    inputValue = inputValue.replace(/<\/image>|<\/cover-image>/ig, '')

    inputValue = inputValue.replace(/@submit/ig, 'onclick')
    inputValue = inputValue.replace(/@tap/ig, 'onclick')
    inputValue = inputValue.replace(/@input/ig, 'oninput')
    inputValue = inputValue.replace(/@click/ig, 'onclick')

    inputValue = inputValue.replace(/rich-text/ig, 'textarea')




    // 标签里面含有样式px
    // var reg1=/-?\d+(\.\d+)?rpx/ig;
    // var reg2=/-?\d+rpx/ig;
    // inputValue=replaceAll(reg1,inputValue,0.5,"px")
    // inputValue=replaceAll(reg2,inputValue,0.5,"px")
	
	switch (APP_CONFIG.style_company){
		case 'rem':
		inputValue =rpxTorem(inputValue)
			break;
		case 'px':
		inputValue=rpxTopx(inputValue)
			break;
		default:
		inputValue=rpxTopx(inputValue)
			break;
	}

    return inputValue;
}

/**
 * uniTowxml
 * @param {Object} inputValue
 */
function uniTowxml(inputValue) {
    if(APP_CONFIG.dom_type==3){
        inputValue=jQueryUniToWxml(inputValue)
    }else {
        // 事件替换
        inputValue = inputValue.replace(/@tap/g, 'bindtap')
        inputValue = inputValue.replace(/@click/g, 'bindtap')
        inputValue = inputValue.replace(/@input/g, 'bindinput')
        inputValue = inputValue.replace(/@change/g, 'bindchange')
        inputValue = inputValue.replace(/@scroll/g, 'bindscroll')
        inputValue = inputValue.replace(/@scrolltolower/g, 'bindscrolltolower')
        inputValue = inputValue.replace(/@confirm/g, 'bindconfirm')
        inputValue = inputValue.replace(/@blur/g, 'bindblur')
        inputValue = inputValue.replace(/@longtap/g, 'bindlongtap')
        inputValue = inputValue.replace(/@touchmove/g, 'catchtouchmove')

        // 模板
        inputValue = inputValue.replace(/v-if="(.*?)"/ig, res=>{
            res=res.replace(/v-if/ig, 'wx:if')
            res=res.replace(/"(.*?)"/g,re=>{
                re=re.replace('"','')
                re=re.replace('"','')
                re='"{{'+re+'}}" ';
                return re;
            })
            return res;
        })
        inputValue = inputValue.replace(/v-if='(.*?)'/ig, res=>{
            res=res.replace(/v-if/ig, 'wx:if')
            res=res.replace(/'(.*?)'/g,re=>{
                re=re.replace("'",'')
                re=re.replace("'",'')
                re="'{{"+re+"}}' ";
                return re;
            })
            return res;
        })
        inputValue = inputValue.replace(/v-else/ig, 'wx:else')
        inputValue = inputValue.replace(/:key/ig, 'wx:key')
        inputValue = inputValue.replace(/v-for="(item,index) in (.*?)"/g, res=>{
            res=res.replace(/v-for="(item,index) in /ig, 'wx:for="')
            res=res.replace(/"(.*?)"/g,re=>{
                re=re.replace('"','')
                re=re.replace('"','')
                re='"{{'+re+'}}" ';
                return re;
            })
            return res;
        });
        inputValue = inputValue.replace(/v-for='(item,index) in (.*?)'/g, res=>{
            res=res.replace(/v-for='(item,index) in /ig, "wx:for='")
            res=res.replace(/'(.*?)'/g,re=>{
                re=re.replace("'",'')
                re=re.replace("'",'')
                re="'{{"+re+"}}' ";
                return re;
            })
            return res;
        });

        inputValue = inputValue.replace(/v-for='(.*?)'/g, res=>{
            res=res.replace(/v-for/ig, "wx:for")
            let a=res.match(/\((.*?)\)/ig)[0];
            a=a.replace('(','');
            a=a.replace(')','');
            let a_array=a.split(',');
            res=res.replace(/\((.*?)\) in /g, "")
            res=res.replace(/'(.*?)'/g,re=>{
                re=re.replace("'",'')
                re=re.replace("'",'')
                re="'{{"+re+"}}'";
                if(a_array[0]){
                    re=re+" wx:for-item='"+a_array[0]+"' "
                }
                if(a_array[1]){
                    re=re+" wx:for-index='"+a_array[1]+"'";
                }
                return re;
            })
            return res;
        });

        inputValue = inputValue.replace(/v-for="(.*?)"/g, res=>{
            res=res.replace(/v-for/ig, 'wx:for')
            console.log(res)
            let a=res.match(/\((.*?)\)/ig)[0];
            a=a.replace('(','');
            a=a.replace(')','');
            let a_array=a.split(',');
            res=res.replace(/\((.*?)\) in /g, "")
            console.log(res)
            res=res.replace(/"(.*?)"/g,re=>{
                console.log(re)
                re=re.replace('"','')
                re=re.replace('"','')
                re='"{{'+re+'}}"';
                if(a_array[0]){
                    re=re+' wx:for-item="'+a_array[0]+'" ';
                }
                if(a_array[1]){
                    re=re+'  wx:for-index="'+a_array[1]+'" ';
                }
                return re;
            })
            return res;
        });

        // 数量值转化
        inputValue = inputValue.replace(/ :value="(.*?)" /g, res=>{
            res=res.replace(/:/g,'')
            res=res.replace(/"(.*?)"/g,re=>{
                re=re.replace('"','')
                re=re.replace('"','')
                re='"{{'+re+'}}" ';
                return re;
            })
            return res;
        });
        inputValue = inputValue.replace(/ :value='(.*?)' /g, res=>{
            res=res.replace(/:/g,'')
            res=res.replace(/'(.*?)'/g,re=>{
                re=re.replace("'",'')
                re=re.replace("'",'')
                re="'{{"+re+"}}' ";
                return re;
            })
            return res;
        });
        inputValue = inputValue.replace(/ :src="(.*?)" /g, res=>{
            res=res.replace(/:/g,'')
            res=res.replace(/"(.*?)"/g,re=>{
                re=re.replace('"','')
                re=re.replace('"','')
                re='"{{'+re+'}}" ';
                return re;
            })
            return res;
        });
        inputValue = inputValue.replace(/ :src='(.*?)' /g, res=>{
            res=res.replace(/:/g,'')
            res=res.replace(/'(.*?)'/g,re=>{
                re=re.replace("'",'')
                re=re.replace("'",'')
                re="'{{"+re+"}}' ";
                return re;
            })
            return res;
        });
        inputValue = inputValue.replace(/ :url="(.*?)" /g, res=>{
            res=res.replace(/:/g,'')
            res=res.replace(/"(.*?)"/g,re=>{
                re=re.replace('"','')
                re=re.replace('"','')
                re='"{{'+re+'}}" ';
                return re;
            })
            return res;
        });
        inputValue = inputValue.replace(/ :url='(.*?)' /g, res=>{
            res=res.replace(/:/g,'')
            res=res.replace(/'(.*?)'/g,re=>{
                re=re.replace("'",'')
                re=re.replace("'",'')
                re="'{{"+re+"}}' ";
                return re;
            })
            return res;
        });
        inputValue = inputValue.replace(/ :class="(.*?)" /g, res=>{
            res=res.replace(/:/g,'')
            res=res.replace(/"(.*?)"/g,re=>{
                re=re.replace('"','')
                re=re.replace('"','')
                re='"{{'+re+'}}" ';
                return re;
            })
            return res;
        });
        inputValue = inputValue.replace(/ :class='(.*?)' /g, res=>{
            res=res.replace(/:/g,'')
            res=res.replace(/'(.*?)'/g,re=>{
                re=re.replace("'",'')
                re=re.replace("'",'')
                re="'{{"+re+"}}' ";
                return re;
            })
            return res;
        });
        inputValue = inputValue.replace(/ :style="(.*?)" /g, res=>{
            res=res.replace(/:/g,'')
            res=res.replace(/"(.*?)"/g,re=>{
                re=re.replace('"','')
                re=re.replace('"','')
                re='"{{'+re+'}}" ';
                return re;
            })
            return res;
        });
        inputValue = inputValue.replace(/ :style='(.*?)' /g, res=>{
            res=res.replace(/:/g,'')
            res=res.replace(/'(.*?)'/g,re=>{
                re=re.replace("'",'')
                re=re.replace("'",'')
                re="'{{"+re+"}}' ";
                return re;
            })
            return res;
        });

        inputValue=inputValue.replace(/ :data-(.*?)="(.*?)" /g, res => {
            res=res.replace(/:/g,'')
            res=res.replace(/"(.*?)"/g,re=>{
                re=re.replace('"','')
                re=re.replace('"','')
                re='"{{'+re+'}}" ';
                return re;
            })
            return res;
        });

        inputValue=inputValue.replace(/ :data-(.*?)='(.*?)' /g, res => {
            res=res.replace(/:/g,'')
            res=res.replace(/'(.*?)'/g,re=>{
                console.log(re);
                re=re.replace("'",'')
                re=re.replace("'",'')
                re="'{{"+re+"}}' ";
                return re;
            })
            return res;
        });

        inputValue=inputValue.replace(/ :(.*?)="(.*?)" /g, res => {
            res=res.replace(/:/g,'')
            res=res.replace(/"(.*?)"/g,re=>{
                re=re.replace('"','')
                re=re.replace('"','')
                re='"{{'+re+'}}" ';
                return re;
            })
            return res;
        });

        inputValue=inputValue.replace(/ :(.*?)='(.*?)' /g, res => {
            res=res.replace(/:/g,'')
            res=res.replace(/'(.*?)'/g,re=>{
                console.log(re);
                re=re.replace("'",'')
                re=re.replace("'",'')
                re="'{{"+re+"}}' ";
                return re;
            })
            return res;
        });
    }


    // 标签里面含有样式px
    // var reg1=/-?\d+(\.\d+)?rpx/ig;
    // var reg2=/-?\d+rpx/ig;
    // inputValue=replaceAll(reg1,inputValue,0.5,"px")
    // inputValue=replaceAll(reg2,inputValue,0.5,"px")

    return inputValue;
}

/**
 * uniTovue
 * @param {Object} inputValue
 */
function uniTovue(inputValue) {
    inputValue = inputValue.replace(/<view |<scroll-view |<cover-view |<swiper |<swiper-item |<checkbox-group |<radio-group /ig, '<div ')
    inputValue = inputValue.replace(/<view>|<scroll-view>|<cover-view>|<swiper>|<swiper-item>|<checkbox-group>|<radio-group>/ig, '<div>')
    inputValue = inputValue.replace(/<\/view>|<\/scroll-view>|<\/cover-view>|<\/swiper>|<\/swiper-item>|<\/checkbox-group>|<\/radio-group>/ig, '</div>')

    inputValue = inputValue.replace(/<text /ig, '<span ')
    inputValue = inputValue.replace(/<text>/ig, '<span>')
    inputValue = inputValue.replace(/<\/text>/ig, '</span>')

    inputValue = inputValue.replace(/<checkbox /ig, '<input type="checkbox" ')
    inputValue = inputValue.replace(/<checkbox>/ig, '<input type="checkbox"> ')
    inputValue = inputValue.replace(/<\/checkbox>/ig, '')
    inputValue = inputValue.replace(/<radio /ig, '<input type="radio" ')
    inputValue = inputValue.replace(/<radio>/ig, '<input type="radio"> ')
    inputValue = inputValue.replace(/<\/radio>/ig, '')

    inputValue = inputValue.replace(/<image |<cover-image /ig, '<img ')
    inputValue = inputValue.replace(/<image>|<cover-image>/ig, '<img>')
    inputValue = inputValue.replace(/<\/image>|<\/cover-image>/ig, '')

    inputValue = inputValue.replace(/rich-text/ig, 'textarea')

    inputValue = inputValue.replace(/bindsubmit/ig, '@submit')
    inputValue = inputValue.replace(/@tap/g, '@click')
	
	switch (APP_CONFIG.style_company){
		case 'rem':
		inputValue =rpxTorem(inputValue)
			break;
		case 'px':
		inputValue=rpxTopx(inputValue)
			break;
		default:
		inputValue=rpxTopx(inputValue)
			break;
	}
    inputValue=toVueTtext(inputValue);
	return inputValue;

    // 标签里面含有样式px
    // var reg1=/-?\d+(\.\d+)?rpx/ig;
    // var reg2=/-?\d+rpx/ig;
    // inputValue=replaceAll(reg1,inputValue,0.5,"px")
    // inputValue=replaceAll(reg2,inputValue,0.5,"px")

    return inputValue;
}

/**
 * wxssTocss
 * @param {Object} inputValue
 */
function wxssTocss(inputValue) {
	inputValue=inputValue.replace(/page{/g,'body{')
    inputValue=inputValue.replace(/ image /g,' img ')
    inputValue=inputValue.replace(/ image\{/g,' img{')
	inputValue=inputValue.replace(/ image{/g,' img{')
	inputValue=inputValue.replace(/ image\./g,' img.')
    inputValue=inputValue.replace(/ text /g,' span ')
	inputValue=inputValue.replace(/ text{/g,' span{')
	inputValue=inputValue.replace(/ text\./g,' span.')
	inputValue=inputValue.replace(/ view{/g,' div{')
	inputValue=inputValue.replace(/ view /g,' div ')
	inputValue=inputValue.replace(/ view\./g,' div.')
	switch (APP_CONFIG.style_company){
		case 'rem':
		inputValue=rpxTorem(inputValue)
			break;
		case 'px':
		inputValue=rpxTopx(inputValue)
			break;
		default:
		inputValue=rpxTopx(inputValue)
			break;
	}
    return inputValue;
}

/**
 * cssTowxss
 * @param {Object} inputValue
 */
function cssTowxss(inputValue) {
    inputValue=inputValue.replace(/ img /g,' image ')
    inputValue=inputValue.replace(/ img\{/g,' image{')
    inputValue=inputValue.replace(/ span /g,' text ')

    inputValue=rpxTopx(inputValue)
    return inputValue;
}

/**
 * pxTorem
 * @param {Object} inputValue
 */
function pxTorem(inputValue) {
    var reg1=/-?\d+(\.\d+)?px/ig;
    var reg2=/-?\d+px/ig;
    inputValue=replaceAll(reg1,inputValue,0.02,"rem")
    inputValue=replaceAll(reg2,inputValue,0.02,"rem")
    return inputValue;
}

/**
 * pxTopx
 * @param {Object} inputValue
 */
function pxTopx(inputValue) {

    var reg1=/-?\d+(\.\d+)?rpx/ig;
    var reg2=/-?\d+rpx/ig;
    var req=APP_CONFIG.req||1
    inputValue=replaceAll(reg1,inputValue,req,"px")
    inputValue=replaceAll(reg2,inputValue,req,"px")
    return inputValue;
}

/**
 * rpxTorem
 * @param {Object} inputValue
 */
function rpxTorem(inputValue) {
    var reg1=/-?\d+(\.\d+)?rpx/ig;
    var reg2=/-?\d+rpx/ig;
    inputValue=replaceAll(reg1,inputValue,1/100,"rem")
    inputValue=replaceAll(reg2,inputValue,1/100,"rem")
    return inputValue;
}

/**
 * rpxTopx
 * @param {Object} inputValue
 */
function rpxTopx(inputValue) {
    var reg1=/-?\d+(\.\d+)?rpx/ig;
    var reg2=/-?\d+rpx/ig;
    inputValue=replaceAll(reg1,inputValue,0.5,"px")
    inputValue=replaceAll(reg2,inputValue,0.5,"px")
    return inputValue;
}

/**
 * remTorpx
 * @param {Object} inputValue
 */
function remTorpx(inputValue) {
    var reg3=/-?\d+(\.\d+)?rem/ig;
    var reg4=/-?\d+rem/ig;
    inputValue=replaceAll(reg3,inputValue,100,"rpx")
    inputValue=replaceAll(reg4,inputValue,100,"rpx")
    return inputValue;
}


function pxTorpx(inputValue) {
    var reg1=/-?\d+(\.\d+)?px/ig;
    var reg2=/-?\d+px/ig;
    inputValue=replaceAll(reg1,inputValue,2,"rpx")
    inputValue=replaceAll(reg2,inputValue,2,"rpx")
    return inputValue;
}


function wjsToujs(inputValue) {
//替换setData
	if(parseInt(APP_CONFIG.is_setData)){
		inputValue = inputValue.replace(/that\.setData\(\{([\s\S]*?)\}\)/g, res=>{
		    res=res.replace(/that\.setData\(\{([\s\S]*?)\}\)/g,re=>{
		        re=re.replace(/that\.setData\(\{/g,'')
		        re=re.replace(/\}\)/g,'')
		        re=re.replace(/(.*?):(.*?)\n/g,r=>{
		            // r="."+r;
		            r=r.replace(/(.*?):/gi,ir=>{
		                let nrt=ir.match(/\s+/g)[0]
		                ir=ir.replace(/\s+/g,"");
		                ir=nrt+"that."+ir;
		                return ir;
		            });
		            r=r.replace(":",'=');
		            r=r.replace(",",';');
		            return r;
		        })
		        return re;jsjuudgfhaksa0akl
		    })
		    return res
		})
		inputValue = inputValue.replace(/this\.setData\(\{([\s\S]*?)\}\)/g, res=>{
		    res=res.replace(/this\.setData\(\{([\s\S]*?)\}\)/g,re=>{
		        re=re.replace(/this\.setData\(\{/g,'')
		        re=re.replace(/\}\)/g,'')
		        re=re.replace(/(.*?):(.*?)\n/g,r=>{
		            // r="this."+r;
		            r=r.replace(/(.*?):/gi,ir=>{
		                let nrt=ir.match(/\s+/g)[0]
		                ir=ir.replace(/\s+/g,"");
		                ir=nrt+"this."+ir;
		                return ir;
		            });
		            r=r.replace(":",'=');
		            r=r.replace(",",';');
		            return r;
		        })
		        return re;
		    })
		    return res
		})
		inputValue = inputValue.replace(/\w+([-+.]\w+)*\.setData\(\{([\s\S]*?)\}\)/g, res=>{
		    res=res.replace(/\w+([-+.]\w+)*\.setData\(\{([\s\S]*?)\}\)/g,re=>{
		        let that='';
		        re=re.replace(/\w+([-+.]\w+)*\.setData\(\{/g,to=>{
		            to.replace(/\w+([-+.]\w+)*\./g,to1=>{
		                to1.replace(/\w+([-+.]\w+)*/g,to2=>{
		                    that=to2;
		                })
		            });
		            return '';
		        })
		        re=re.replace(/\}\)/g,'')
		        re=re.replace(/(.*?):(.*?)\n/g,r=>{
		            // r="this."+r;
		            r=r.replace(/(.*?):/gi,ir=>{
		                let nrt=ir.match(/\s+/g)[0]
		                ir=ir.replace(/\s+/g,"");
		                ir=nrt+that+"."+ir;
		                return ir;
		            });
		            r=r.replace(":",'=');
		            r=r.replace(",",';');
		            return r;
		        })
		        return re;
		    })
		    return res
		});
		
		//替换.data.
		inputValue = inputValue.replace(/this\.data\./ig, res=>{
		    res=res.replace(/\.data\./g,'.');
		    return res;
		});
		inputValue = inputValue.replace(/that\.data\./ig, res=>{
		    res=res.replace(/\.data\./g,'.');
		    return res;
		});
	}
    
    inputValue = inputValue.replace(/wx\./ig, 'uni.');

    // 特殊替换
    inputValue = inputValue.replace(/app\.common/g, 'app.globalData.$common');
	inputValue = inputValue.replace(/app\.web_server/g, 'app.globalData.$config.web_server');
    inputValue = inputValue.replace(/app\.api_server/g, 'app.globalData.$config.api_server');
    return inputValue;
}

function ujsTowjs(inputValue) {
    inputValue = inputValue.replace(/uni\./ig, 'wx.')
    return inputValue;
}

function uniTothinkphp(inputValue) {
    inputValue=uniTohtml(inputValue);
    // inputValue = inputValue.replace(/<(.*?)v-if=(.*?)></(.*?)>/ig, 'wx.')
    $(inputValue).find('[v-if]').map((index,res)=>{
        console.log(res);
        let att=$(res).attr('v-if')
        atts=`<if `+att+`>\n`+res+`</if>`;
        return res;
    })
    inputValue=inputValue.replace(/{{(.*?)}}/g,res=>{
        res=res.replace(/{{/g,'{$')
        res=res.replace(/}}/g,'}')

        return res;
    })
    return inputValue;
}

function wxmlTothinkphp(inputValue) {
    inputValue=wxmlTohtml(inputValue);

    return inputValue;
}

function thinkphpTowxml(inputValue) {
    inputValue=htmlTowxml(inputValue);

    return inputValue;
}

function thinkphpTouni(inputValue) {
    inputValue=htmlTouni(inputValue);

    return inputValue;
}
//转化为v-text,免中间暴露{{$a}}
function toVueTtext(inputValue) {
    if(APP_CONFIG.vue_text==1){
        inputValue=jQueryVue(inputValue);
    }
    return inputValue;
}
//以JQ建立dom树来进行页面渲染修改调整
function jQueryVue(dom,a=0) {
    // console.log(dom);
    if(!dom) return false;
    dom=$(dom);
    if(dom.length>1){
        $.each(dom,(i,el)=>{
            jQueryVue(el);
        })
    }
    if(dom.children().length>0){
        let children_s=dom.children();
        $.each(children_s,(i,el)=>{
            jQueryVue(el);
        })
    }
    if(dom.prop('firstChild')&&dom.prop('firstChild').nodeValue){
        console.log(dom.prop('firstChild').nodeValue);
        let text=dom.prop('firstChild')&&dom.prop('firstChild').nodeValue;
        if(text.includes("{{")||text.includes("}}")){
            text=text.replace(/{{/g,'`+');
            text=text.replace(/}}/g,'+`');
            dom.attr('v-text',"`"+text+"`");
            dom.prop('firstChild').nodeValue=""
        }
    }
    // console.log(dom);
    return dom.prop("outerHTML");
}

function jQueryWxmlToVue(dom) {
    // console.log(dom);
    if(!dom) return false;
    dom=$(dom);
    if(dom.length>1){
        $.each(dom,(i,el)=>{
            jQueryWxmlToVue(el);
        })
    }
    if(dom.children().length>0){
        let children_s=dom.children();
        $.each(children_s,(i,el)=>{
            jQueryWxmlToVue(el);
        })
    }else {
        console.log(dom);
        //value
        if(dom.attr('value')){
            let value=dom.attr('value');
            if(value.includes("{{")&&value.includes("}}")){
                value=value.replace(/{{/g,'`+');
                value=value.replace(/}}/g,'+`');
                dom.attr(':value',"`"+value+"`");
                dom.removeAttr('value');
            }
        }
        //src

        if(dom.attr('src')){
            console.log(dom.tagName);
            let src=dom.attr('src');
            console.log(src);
            if(src.includes("{{")&&src.includes("}}")){
                src=src.replace(/{{/g,'`+');
                src=src.replace(/}}/g,'+`');
                dom.attr(':src',"`"+src+"`");
                dom.removeAttr('src');
            }
        }
    }
    if(dom.attr('value')){
        let value=dom.attr('value');
        if(value.includes("{{")&&value.includes("}}")){
            value=value.replace(/{{/g,'`+');
            value=value.replace(/}}/g,'+`');
            dom.attr(':value',"`"+value+"`");
            dom.removeAttr('value');
        }
    }
    //src
    if(dom.attr('src')){
        console.log(dom.tagName);
        let src=dom.attr('src');
        console.log(src);
        if(src.includes("{{")&&src.includes("}}")){
            src=src.replace(/{{/g,'`+');
            src=src.replace(/}}/g,'+`');
            dom.attr(':src',"`"+src+"`");
            dom.removeAttr('src');
        }
    }
    if(dom.attr('wx:if')){
        let wxif=dom.attr('wx:if');
        wxif=wxif.replace(/{{/g,'');
        wxif=wxif.replace(/}}/g,'');
        dom.attr('v-if',wxif);
        dom.removeAttr('wx:if');
    }
    if(dom.attr('wx:elif')){
        let wxif=dom.attr('wx:elif');
        wxif=wxif.replace(/{{/g,'');
        wxif=wxif.replace(/}}/g,'');
        dom.attr('v-else-if',wxif);
        dom.removeAttr('wx:elif');
    }
    //wx:else
    if(dom.attr('wx:else')!=undefined){
        dom.attr('v-else',"");
        dom.removeAttr('wx:else');
    }
    //wx:for
    if(dom.attr('wx:for')){
        let wxfor=dom.attr('wx:for');
        let wxforitem="";
        let wxforindex="";
        wxfor=wxfor.replace(/{{/g,'');
        wxfor=wxfor.replace(/}}/g,'');
        if(dom.attr('wx:for-item')){
            wxforitem=dom.attr('wx:for-item');
            dom.removeAttr('wx:for-item');
        }else {
            wxforitem="item";
        }
        if(dom.attr('wx:for-index')){
            wxforindex=dom.attr('wx:for-index');
            dom.removeAttr('wx:for-index');
        }else {
            wxforindex="index";
        }
        dom.attr('v-for',`(${wxforitem},${wxforindex}) in ${wxfor}`);
        dom.removeAttr('wx:for');
    }
    //wx:key
    if(dom.attr('wx:key')){
        let wxkey=dom.attr('wx:key');
        dom.attr(':key',wxkey);
        dom.removeAttr('wx:key');
    }
    //wx:show
    if(dom.attr('wx:show')){
        let wxshow=dom.attr('wx:show');
        wxshow=wxshow.replace(/{{/g,'');
        wxshow=wxshow.replace(/}}/g,'');
        dom.attr('v-show',wxshow);
        dom.removeAttr('wx:show');
    }
    //class
    if(dom.attr('class')){
        let clas=dom.attr('class');
        if(clas.includes("{{")&&clas.includes("}}")){
            clas=clas.replace(/{{/g,'`+');
            clas=clas.replace(/}}/g,'+`');
            dom.attr(':class',"`"+clas+"`");
            dom.removeAttr('class');
        }
    }
    //style
    if(dom.attr('style')){
        let style=dom.attr('style');
        if(style.includes("{{")&&style.includes("}}")){
            style=style.replace(/{{/g,'`+');
            style=style.replace(/}}/g,'+`');
            dom.attr(':style',"`"+style+"`");
            dom.removeAttr('style');
        }
    }
    if(dom.prop('firstChild')&&dom.prop('firstChild').nodeValue){
        let text=dom.prop('firstChild')&&dom.prop('firstChild').nodeValue;
        if(text.includes("{{")||text.includes("}}")){
            text=text.replace(/{{/g,'`+');
            text=text.replace(/}}/g,'+`');
            dom.attr('v-text',"`"+text+"`");
            dom.prop('firstChild').nodeValue=""
        }
    }

    $.each(dom[0].attributes,function(i,el){
        console.log(this.name,this.value);
        if(this.value.includes("{{")&&this.value.includes("}}")){
            let nm=this.name;
            let val=this.value;
            this.name=`:${nm}`;
            val=val.replace(/{{/g,'');
            val=val.replace(/}}/g,'');
            this.value='`'+val+'`';

            dom.attr(":"+this.name,val);
            dom.removeAttr(this.name);
        }

    })

    let HTML=dom.prop("outerHTML");
    HTML=HTML.replace(/data-(.*?)=\"{{(.*?)}}\"/g, res => {
        res=":"+res;
        res = res.replace(/\"\{\{/ig, '"')
        res = res.replace(/\}\}\"/ig, '"');
        res = res.replace(/\'\{\{/ig, "'");
        res = res.replace(/\}\}\'/ig, "'");
        return res;
    });

    HTML=HTML.replace(/data-(.*?)=\'{{(.*?)}}\'/g, res => {
        res=":"+res;
        res = res.replace(/\"\{\{/ig, '"')
        res = res.replace(/\}\}\"/ig, '"');
        res = res.replace(/\'\{\{/ig, "'");
        res = res.replace(/\}\}\'/ig, "'");
        return res;
    });
    HTML = HTML.replace(/v-else=""/g, 'v-else ')
    HTML = HTML.replace(/bindtap/g, '@tap')
    HTML = HTML.replace(/bindinput/g, '@input')
    HTML = HTML.replace(/bindchange/g, '@change')
    HTML = HTML.replace(/bindscroll/g, '@scroll')
    HTML = HTML.replace(/bindscrolltolower/g, '@scrolltolower')
    HTML = HTML.replace(/bindconfirm/g, '@confirm')
    HTML = HTML.replace(/bindblur/g, '@blur')
    HTML = HTML.replace(/bindlongtap/g, '@longtap')
    HTML = HTML.replace(/catchtouchmove/g, '@touchmove')
    HTML = HTML.replace(/catchtap/g, '@click.stop')

    HTML = HTML.replace(/<block /ig, '<template ')
    HTML = HTML.replace(/<block>/ig, '<template>')
    HTML = HTML.replace(/<\/block>/ig, '</template>')

    return HTML;
}

function jQueryWxmlToUni(dom) {
    // console.log(dom);
    if(!dom) return false;
    dom=$(dom);
    if(dom.length>1){
        $.each(dom,(i,el)=>{
            jQueryWxmlToUni(el);
        })
    }
    if(dom.children().length>0){
        let children_s=dom.children();
        $.each(children_s,(i,el)=>{
            jQueryWxmlToUni(el);
        })
    }else {
        //value
        if(dom.attr('value')){
            let value=dom.attr('value');
            if(value.includes("{{")&&value.includes("}}")){
                value=value.replace(/{{/g,'`+');
                value=value.replace(/}}/g,'+`');
                dom.attr(':value',"`"+value+"`");
                dom.removeAttr('value');
            }
        }
        //src
        console.log(dom.tagName);
        if(dom.attr('src')){
            let src=dom.attr('src');
            console.log(src);
            if(src.includes("{{")&&src.includes("}}")){
                src=src.replace(/{{/g,'`+');
                src=src.replace(/}}/g,'+`');
                dom.attr(':src',"`"+src+"`");
                dom.removeAttr('src');
            }
        }
    }
    if(dom.attr('value')){
        let value=dom.attr('value');
        if(value.includes("{{")&&value.includes("}}")){
            value=value.replace(/{{/g,'`+');
            value=value.replace(/}}/g,'+`');
            dom.attr(':value',"`"+value+"`");
            dom.removeAttr('value');
        }
    }
    //src
    console.log(dom.tagName);
    if(dom.attr('src')){
        let src=dom.attr('src');
        console.log(src);
        if(src.includes("{{")&&src.includes("}}")){
            src=src.replace(/{{/g,'`+');
            src=src.replace(/}}/g,'+`');
            dom.attr(':src',"`"+src+"`");
            dom.removeAttr('src');
        }
    }
    if(dom.prop('firstChild')){
        //wx:if
        if(dom.attr('wx:if')){
            let wxif=dom.attr('wx:if');
            wxif=wxif.replace(/{{/g,'`+');
            wxif=wxif.replace(/}}/g,'+`');
            dom.attr('v-if',"`"+wxif+"`");
            dom.removeAttr('wx:if');
        }
        //wx:else
        if(dom.attr('wx:else')){
            dom.attr('v-else',"");
            dom.removeAttr('wx:else');
        }
        //wx:for
        if(dom.attr('wx:for')){
            let wxfor=dom.attr('wx:for');
            let wxforitem="";
            let wxforindex="";
            wxfor=wxfor.replace(/{{/g,'');
            wxfor=wxfor.replace(/}}/g,'');
            if(dom.attr('wx:for-item')){
                wxforitem=dom.attr('wx:for-item');
                dom.removeAttr('wx:for-item');
            }else {
                wxforitem="item";
            }
            if(dom.attr('wx:for-index')){
                wxforindex=dom.attr('wx:for-index');
                dom.removeAttr('wx:for-index');
            }else {
                wxforindex="index";
            }
            dom.attr('v-for',`(${wxforitem},${wxforindex}) in ${wxfor}`);
            dom.removeAttr('wx:for');
        }
        //wx:key
        if(dom.attr('wx:key')){
            let wxkey=dom.attr('wx:key');
            dom.attr(':key',wxkey);
            dom.removeAttr('wx:key');
        }
        //wx:show
        if(dom.attr('wx:show')){
            let wxshow=dom.attr('wx:show');
            wxshow=wxshow.replace(/{{/g,'');
            wxshow=wxshow.replace(/}}/g,'');
            dom.attr('v-show',wxshow);
            dom.removeAttr('wx:show');
        }
        //class
        if(dom.attr('class')){
            let clas=dom.attr('class');
            if(clas.includes("{{")&&clas.includes("}}")){
                clas=clas.replace(/{{/g,'`+');
                clas=clas.replace(/}}/g,'+`');
                dom.attr(':class',"`"+clas+"`");
                dom.removeAttr('class');
            }
        }
        //style
        if(dom.attr('style')){
            let style=dom.attr('style');
            if(style.includes("{{")&&style.includes("}}")){
                style=style.replace(/{{/g,'`+');
                style=style.replace(/}}/g,'+`');
                dom.attr(':style',"`"+style+"`");
                dom.removeAttr('style');
            }
        }
    }
    if(dom.prop('firstChild')&&dom.prop('firstChild').nodeValue){
        let text=dom.prop('firstChild')&&dom.prop('firstChild').nodeValue;
        if(text.includes("{{")||text.includes("}}")){
            text=text.replace(/{{/g,'`+');
            text=text.replace(/}}/g,'+`');
            dom.attr('v-text',"`"+text+"`");
            dom.prop('firstChild').nodeValue=""
        }

    }
    let HTML=dom.prop("outerHTML");
    HTML=HTML.replace(/data-(.*?)=\"{{(.*?)}}\"/g, res => {
        res=":"+res;
        res = res.replace(/\"\{\{/ig, '"')
        res = res.replace(/\}\}\"/ig, '"');
        res = res.replace(/\'\{\{/ig, "'");
        res = res.replace(/\}\}\'/ig, "'");
        return res;
    });

    HTML=HTML.replace(/data-(.*?)=\'{{(.*?)}}\'/g, res => {
        res=":"+res;
        res = res.replace(/\"\{\{/ig, '"')
        res = res.replace(/\}\}\"/ig, '"');
        res = res.replace(/\'\{\{/ig, "'");
        res = res.replace(/\}\}\'/ig, "'");
        return res;
    });
    HTML = HTML.replace(/bindtap/g, '@tap')
    HTML = HTML.replace(/bindinput/g, '@input')
    HTML = HTML.replace(/bindchange/g, '@change')
    HTML = HTML.replace(/bindscroll/g, '@scroll')
    HTML = HTML.replace(/bindscrolltolower/g, '@scrolltolower')
    HTML = HTML.replace(/bindconfirm/g, '@confirm')
    HTML = HTML.replace(/bindblur/g, '@blur')
    HTML = HTML.replace(/bindlongtap/g, '@longtap')
    HTML = HTML.replace(/catchtouchmove/g, '@touchmove')
    return HTML;
}

function jQueryUniToWxml(dom) {
    // console.log(dom);
    if(!dom) return false;
    dom=$(dom);
    if(dom.length>1){
        $.each(dom,(i,el)=>{
            jQueryUniToWxml(el);
        })
    }
    if(dom.children().length>0){
        let children_s=dom.children();
        $.each(children_s,(i,el)=>{
            jQueryUniToWxml(el);
        })
    }else {
        //value
        if(dom.attr(':value')){
            let value=dom.attr(':value');
            dom.attr('value',"{{"+value+"}}");
            dom.removeAttr(':value');
        }
        //src
        if(dom.attr(':src')){
            let src=dom.attr(':src');
            dom.attr('src',"{{"+src+"}}");
            dom.removeAttr(':src');
        }
    }
    //value
    if(dom.attr(':value')){
        let value=dom.attr(':value');
        dom.attr('value',"{{"+value+"}}");
        dom.removeAttr(':value');
    }
    //src
    if(dom.attr(':src')){
        let src=dom.attr(':src');
        dom.attr('src',"{{"+src+"}}");
        dom.removeAttr(':src');
    }
    if(dom.prop('firstChild')){
        //wx:if
        if(dom.attr('v-if')){
            let wxif=dom.attr('v-if');
            dom.attr('wx:if',"{{"+wxif+"}}");
            dom.removeAttr('v-if');
        }
        //wx:else
        if(dom.attr('v-else')){
            dom.attr('wx:else',"");
            dom.removeAttr('v-else');
        }
        //wx:for
        if(dom.attr('v-for')){
            let wxfor=dom.attr('v-for');
            let wxforitem="";
            let wxforindex="";
            let wxfor_arr=wxfor.split(" in ");
            wxfor=wxfor_arr[1];
            let wxfor_arr_arr= wxfor_arr[0].replace(/\(|\)/g,'').split(",")
            wxforitem=wxfor_arr_arr[0];
            wxforindex=wxfor_arr_arr[1];
            dom.attr('wx:for',"{{"+wxfor+"}}");
            dom.attr('wx:for-item',wxforitem);
            dom.attr('wx:for-index',wxforindex);
            dom.removeAttr('v-for');
        }
        //wx:key
        if(dom.attr(':key')){
            let wxkey=dom.attr(':key');
            dom.attr('wx:key',wxkey);
            dom.removeAttr(':key');
        }
        //wx:show
        if(dom.attr('v-show')){
            let wxshow=dom.attr('v-show');
            dom.attr('wx:show',"{{"+wxshow+"}}");
            dom.removeAttr('v-show');
        }
        //class
        if(dom.attr(':class')){
            let clas=dom.attr(':class');
            dom.attr('class',dom.attr('class')+" {{"+clas+"}}");
            dom.removeAttr(':class');
        }
        //style
        if(dom.attr(':style')){
            let style=dom.attr(':style');
            dom.attr('style',dom.attr('style')+" {{"+style+"}}");
            dom.removeAttr(':style');
        }

        if(dom.attr('v-text')){
            dom.prop('firstChild').nodeValue="{{"+dom.attr('v-text')+"}}";
            dom.removeAttr('v-text');
        }
    }
    let HTML=dom.prop("outerHTML");
    HTML = HTML.replace(/@tap/g, 'bindtap')
    HTML = HTML.replace(/@click/g, 'bindtap')
    HTML = HTML.replace(/@input/g, 'bindinput')
    HTML = HTML.replace(/@change/g, 'bindchange')
    HTML = HTML.replace(/@scroll/g, 'bindscroll')
    HTML = HTML.replace(/@scrolltolower/g, 'bindscrolltolower')
    HTML = HTML.replace(/@confirm/g, 'bindconfirm')
    HTML = HTML.replace(/@blur/g, 'bindblur')
    HTML = HTML.replace(/@longtap/g, 'bindlongtap')
    HTML = HTML.replace(/@touchmove/g, 'catchtouchmove')

    HTML=HTML.replace(/ :data-(.*?)="(.*?)" /g, res => {
        res=res.replace(/:/g,'')
        res=res.replace(/"(.*?)"/g,re=>{
            re=re.replace('"','')
            re=re.replace('"','')
            re='"{{'+re+'}}" ';
            return re;
        })
        return res;
    });

    HTML=HTML.replace(/ :data-(.*?)='(.*?)' /g, res => {
        res=res.replace(/:/g,'')
        res=res.replace(/'(.*?)'/g,re=>{
            console.log(re);
            re=re.replace("'",'')
            re=re.replace("'",'')
            re="'{{"+re+"}}' ";
            return re;
        })
        return res;
    });

    HTML=HTML.replace(/ :(.*?)="(.*?)" /g, res => {
        res=res.replace(/:/g,'')
        res=res.replace(/"(.*?)"/g,re=>{
            re=re.replace('"','')
            re=re.replace('"','')
            re='"{{'+re+'}}" ';
            return re;
        })
        return res;
    });

    HTML=HTML.replace(/ :(.*?)='(.*?)' /g, res => {
        res=res.replace(/:/g,'')
        res=res.replace(/'(.*?)'/g,re=>{
            console.log(re);
            re=re.replace("'",'')
            re=re.replace("'",'')
            re="'{{"+re+"}}' ";
            return re;
        })
        return res;
    });
    return HTML;
}

/*---------------------------独立组------------------------------*/
function is_NaN() {
    var inputValue=$("#toData").val();
    let naNCount=NaNCount(inputValue);
    if(naNCount>0){
        $("#err_num").html("报错统计："+naNCount);
        inputValue=inputValue.replace(/NaN/g,res=>{
            res="=======【"+res+"】=======";
            return res;
        })
        $("#toData").html(inputValue);
    }else {
        $("#err_num").html("");
    }
}

//js统计字符串中包含的特定字符个数
function NaNCount(strSource) {
    //统计字符串中包含{}或{xxXX}的个数
    var thisCount = 0;
    strSource.replace(/NaN/g, function (m, i) {
        //m为找到的{xx}元素、i为索引
        thisCount++;
        return m;
    });
    return thisCount;
}


function settingBtn() {
    let setting_obj = $("#setting_from").serializeArray();
    setting_obj.map(re=>{
        APP_CONFIG[re.name]=re.value;
        Storage.set(re.name,re.value);
    });
    layer.close();
}

工頁光軍
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
基于ThinkPhp6+Vue+ElementUI低代码开发平台
西里古里的博客
02-23 7943
一款 PHP 语言基于ThinkPhp6、Vue、ElementUI等框架精心打造的一款模块化、插件化、高性能的前后端分离架构敏捷开发框架，可用于快速搭建前后端分离后台管理系统，本着简化开发、提升开发效率的初衷，目前框架已集成了完整的RBAC权限架构和常规基础模块，前端Vue端支持多主题切换，可以根据自己喜欢的风格选择想一个的主题，实现了个性化呈现的需求；
基于ThinkPHP6 + VUE + UNIAPP 的高性能面向生产的公平盲盒系统，可多端运行 APP、小程序、H5 代码简洁
08-27
微信小程序 √ √ H5 — √ 安卓 — √ IOS — √ 商品管理 商品管理 √ √ 商品分类 √ √ 订单管理 盲盒订单 √ √ 积分商城订单 √ √ 订单拆分发货 — √ 盲盒 盲盒管理 √ √ 盲盒标签 √ √ 奖品兑换 √...
【小程序的wxs转到uniapp/Vue中使用】
qq_45772997的博客
04-11 1705
小程序的wxs转到uniapp/Vue中使用
Thinkphp6 框架中部署vue项目
weixin_51224282的博客
12-20 4288
如何在thinkphp 框架中 部署vue 项目，无需子域名
【踩坑记录】uni-app工程转vue-cli 工程
akatukijohi的博客
11-04 1773
uniapp改成npm打包
将小程序代码转成uni-app代码
xybhua的博客
02-13 3391
项目，然后在pages文件下创建一个目录，随便创建，你这里和你小程序的项目名称保持一致也是可以的。首先你可以先到uni-app的官网简单看一下对它的介绍，本次文章的介绍是针对简单的微信小程序来进行的转化。3.3、接下来就要修改 标签的一些属性方法的用法了，这里只介绍我遇到了，没有介绍到的可以到官网进行查看。在小程序中 使用data- （在小程序中 使用data- 小程序的方法不支持直接传递数据)4、最后一步，就是把 小程序里的 js 写的方法放在 script标签下。
外卖扫码点餐独立全开源小程序源码uniAPP+VUE前端
05-18
外卖扫码点餐独立全开源小程序源码uniAPP+VUE前端 uniapp前端 Vue后台管理 vue-cli-service laravel+mysql5.7 全开源 100%开源 稳定运营 值得入手的好源码
基于uniapp微信小程序电影院选座订票系统设计源码.7z
最新发布
04-17
- uniapp是一个使用Vue.js语法的多端开发框架，它允许开发者用一套代码编写应用，同时可以发布到iOS、Android、Web（H5）、以及各种小程序（微信/支付宝/百度/QQ/字节跳动等）。 - uniapp的核心特点是组件化开发，...
基于thinkphp+uniapp的外卖点餐微信小程序和后台管理
05-10
小程序端（uniapp）可定位附近的店点餐，显示多少距离，商品价格信息，加入购物车，微信支付下单，订单管理，收货地址管理，用户注册微信授权登录； 后台管理端（thinkphp5）能看到订单信息，会员管理，外卖店铺管理...
Thinkphp6+uniapp免费开源分销拼团小程序商城方便二开的商城系统
10-15
系统全开源无加密，方便二开的新零售社交电商系统，公众号、小程序、H5、PC多端账号同步，可快速打包生成APP；私有化独立安装部署，数据更安全，用户可任意切换中、英、法、意、日、韩、繁等十余种语言格式。
vue-to-uniapp:用于代码适配性的转换
05-07
vue to uni-app 用于公司内部项目的文件转换 把 Vue 组件文件放到 source 文件夹中，输出到 result 文件中转换好的可用在 uni-app 的组件文件 主要转换的方面有如下几个： template 标签转换： div/li/ul 标签转换为 view img 转换为 image，添加 mode='widthFix'属性 span 转换为 text 标签 内部的 template 标签，转换为 block 标签 transition 标签，转换为 uni-transition 标签 script 标签内部内容不转换 style 标签内容，暂时只考虑 less 对于 rem 单位，乘以 200 转换为 px 单位 对于 px 单位，乘以 2 保持为 px 单位 转换后还要注意一下几个方面的改写： 如果之前图片是作为 div 的背景图，那在 uni-app 里面是不支
微信小程序-微信小程序框架的Vue版本
08-05
vwx 项目依赖 vue vue-router weui.js weui axios iscroll lodash swiper 使用webpack打包 安装 Npm npm install --save vwx 项目使用 Require the script: import { App } from "vwx"; import pageA from 'pageA.js'; import pageB from 'pageB.js'; App({ pages: [ { path: '/', component: pageA }, { path: '/my', component: pageB } ] }); 运行示例 npm run exp
news-uniapp:uni-app练手项目
03-09
新闻Uniapp uni-app练手项目
一个基于thinkphp6+uniapp的轻量级、前后端分离的电商系统源码.zip
05-25
一个基于thinkphp6+uniapp的轻量级、前后端分离的电商系统源码.zip
uni-app快速入门源码 uni-app开发经典源码项目 uni-app可快速实现对接进销存
12-09
uni-app快速入门源码 uni-app开发经典源码项目 uni-app可快速实现对接企业进销存、OA、ERP系统 uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台，不管领导安排什么样的项目，你都可以快速交付，不需要转换开发思维、不需要更改开发习惯。 该项目为uni-app零基础到项目实战项目源码。uni-app上手简单,可快速开发小程序、h5、安卓、ios应用。学习本项目源码需有vue基础方可继续，当然了有想学习小程序的，也建议学习本项目源码需，学会uni-app之后，原生小程序也可快速上手。 源码包括以下内容： 首页页面、 执行登录、缓存Token和用户信息、 路由拦截、注册、个人中心、商品详情、收藏商品、 购物车、我的订单、地址管理 可以实现 微信小程序、IOS和安卓设备、H5发布 查看源码后，只要会以上逻辑，有了这套框架可以轻松快速对接企业内部平台 比如：进销存、SAP、ERP(库存查询，入库，出库，调拨，盘点，调整，进销存记录查询，库存报警)、OA审批数据、HR等数据 适合uni-app初学者、毕业设计参考
实现vue3版本uniapp hbuilder 转 vue-cli
字节叔叔
03-21 1140
有个开源项目是用hbuilder编译的，现在想通过vue cli实现。本文记录过程中的采坑。
php生成appid,uniapp运营中项目转移一定要注意把DCloud appid转移过来
weixin_36324960的博客
03-11 1390
如果你准备接手正在运营中的uniapp项目，你是否知道DCloud appid的重要性呢，所以在接手项目前一定要确保你项目不会用到之前那个人的DCloud appid看一段官方说明：DCloud appid(以后简称 appid) 是 DCloud 应用的唯一标识，在 DCloud 提供的所有服务中，都会以 appid 来标记一个应用。注意这和各家小程序的appid以及Apple的appid(其实...
uniapp php交互,uni-app路由跳转及参数的传参和接收
weixin_42465158的博客
03-11 690
1.保留当前页面，跳转到应用内的某个页面，使用uni.navigateTo：示例：在起始页面跳转到test.vue页面并传递参数uni.navigateTo({ url: 'test?id=1&name=uniapp'});// 在test.vue页面接受参数export default {onLoad: function (option) { //option为object类型，会序列化...
uniapp项目转为html,微信小程序转换uni-app详细指南、小程序转uni-app转换器、wepy转uni-app...
weixin_39942488的博客
05-31 705
号外：推荐使用HBuilderX插件https://ext.dcloud.net.cn/plugin?id=2656，直接转换小程序到uni-app本文首先分享转换步骤和原理，文末会分享三方开发者制作的 小程序转uni-app的转换器 和 wepy转uni-app转换器 。小程序转换uni-app的步骤微信小程序的语法，其实是vue.js语法的裁剪定制版，在数据绑定、自定义组件等很多方面都有相似之...
uniapp thinkphp uploadfile
05-13
Uniapp是一款跨平台的开发框架，可以用于开发基于H5、小程序、App等多个平台的应用程序，而ThinkPHP则是国内目前最流行的开源PHP开发框架之一，提供了诸多便于开发的功能和工具。当我们需要在Uniapp上实现文件上传...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值