Merge pull request #31 from cutls/WIP-(before-CI)

TheDesk Usamin (18.0.2)

app/js/common/version.js

@@ -14,7 +14,12 @@ function verck(ver) {
 			verp=verp.replace( ')', '');
 			verp=verp.replace( ' ', '_');
 			console.log(verp);
+			if(lang.language=="ja"){
 				$("#release-"+verp).show();
+			}else{
+				$("#release-en").show();
+			}
+			
 		  });
 	}
 	var electron = require("electron");

app/js/ui/img.js

@@ -135,61 +135,31 @@ function imgCont(type) {
 			var height = element.naturalHeight;
 			var windowH = $(window).height();
 			var windowW = $(window).width();
-			//小さい画像
+			$("#imagemodal").css("bottom","0")
-			if(width<(windowW - 50) && height<(windowH-1000)){
+			$("#imagemodal img").css("width","auto")
-				$("#imgmodal").css('height',height+"px");
+			if(height<windowH){
-				$("#imgmodal").css('width',width+"px");
+				$("#imagemodal").css("height",height+60+"px")
-				$("#imagewrap").css('height',height+"px");
+				$("#imagemodal img").css("height","100%")
-				$("#imagemodal").css('height',height+100+"px");
+				if(width>windowW*0.8){
-				$("#imagewrap").css('width',width+"px");
+					$("#imagemodal").css("width","80vw")
-				$("#imagemodal").css('width',width+"px");
+					$("#imagemodal img").css("width","100%")
-				$("#imagemodal").css('margin-top',(windowH /2) - (height / 2) +"px");
+					var heightS=windowW*0.8/width*height;
+					$("#imagemodal").css("height",heightS+60+"px")
 				}else{
-				$("#imagemodal").css('margin-top',0);
+					$("#imagemodal").css("width",width+"px")
-				var aspect = width/height;
-				if (aspect < 2.8 && aspect > 0.3){
-					//moderate
-					if(windowW > windowH){
-						//画面が横長(縦幅基準)
-						$("#imgmodal").css('height',windowH/1.2-70+"px");
-						var imgW = (windowH/1.2-70)/height*width;
-						$("#imgmodal").css('width',imgW+"px");
-						$("#imagewrap").css('height',windowH/1.2-60+"px");
-						$("#imagemodal").css('height',windowH/1.2+"px");
-						$("#imagewrap").css('width',imgW+50+"px");
-						$("#imagemodal").css('width',imgW+50+"px");
-					}else{
-						//画面が縦長・正方形(横幅基準)
-						$("#imgmodal").css('width',windowW/1.2-30+"px");
-						var imgH = (windowW/1.2-30)/width*height;
-						$("#imgmodal").css('height',imgH+"px");
-						$("#imagewrap").css('width',windowW/1.2+"px");
-						$("#imagemodal").css('width',windowW/1.2+"px");
-						$("#imagewrap").css('height',imgH+60+"px");
-						$("#imagemodal").css('height',imgH+120+"px");
 				}
 			}else{
-					//極端な画像
+				console.log("long")
-					if(height > width){
+				$("#imagemodal img").css("width","auto")
-						//縦長
+				var widthS=windowH/height*width;
-						$("#imgmodal").css('height',windowH-60+"px");
+				if(widthS<windowW){
-						var imgW = (windowH-50)/height*width;
+					$("#imagemodal").css("width",widthS+"px")
-						$("#imgmodal").css('width',imgW+"px");
-						$("#imagewrap").css('height',windowH-50+"px");
-						$("#imagemodal").css('height',windowH+"px");
-						$("#imagewrap").css('width',imgW+50+"px");
-						$("#imagemodal").css('width',imgW+50+"px");
 				}else{
-						//横長・正方形
+					$("#imagemodal").css("width","100vw")
-						$("#imgmodal").css('width',windowW-30+"px");
-						var imgH = (windowW-50)/width*height;
-						$("#imgmodal").css('height',imgH+"px");
-						$("#imagewrap").css('width',windowW+"px");
-						$("#imagemodal").css('width',windowW+"px");
-						$("#imagewrap").css('height',imgH+60+"px");
-						$("#imagemodal").css('height',imgH+120+"px");
-					}
 				}
+				
+				$("#imagemodal").css("height","100vh")
+				$("#imagemodal img").css("height","calc(100vh - 60px)")
 			}
 		}
 		if ($("#" + id + "-image-" + (key * 1 + 1)).length === 0) {

app/js/ui/settings.js

@@ -6,6 +6,10 @@ var envView = new Vue({
 		complete: function (i,val) {
 			var ls=envView.config[i].storage;
 			Materialize.toast("Complete", 3000);
+			if(!val){
+				var id=envView.config[i].id;
+				var val=$("#"+id).val()
+			}
 			localStorage.setItem(ls,val)
 			if(ls=="ha"){
 				hardwareAcceleration(val)
@@ -20,6 +24,10 @@ var tlView = new Vue({
 	methods: {
 		complete: function (i,val) {
 			var ls=tlView.config[i].storage;
+			if(!val){
+				var id=tlView.config[i].id;
+				var val=$("#"+id).val()
+			}
 			Materialize.toast("Complete", 3000);
 			localStorage.setItem(ls,val)
 			return true
@@ -33,6 +41,10 @@ var postView = new Vue({
 		complete: function (i,val) {
 			var ls=postView.config[i].storage;
 			Materialize.toast("Complete", 3000);
+			if(!val){
+				var id=postView.config[i].id;
+				var val=$("#"+id).val()
+			}
 			localStorage.setItem(ls,val)
 			return true
 		}

app/language.js

@@ -1,5 +1,5 @@
 // Create the Application's main menu
-function templete(lang){
+function templete(lang,mainWindow){
     const electron = require("electron");
     const app = electron.app;
     const BrowserWindow = electron.BrowserWindow;

app/main.js

@@ -137,7 +137,7 @@ function createWindow() {
 	var platform=process.platform;
 	var bit=process.arch;
 	if(platform=="darwin"){
-		Menu.setApplicationMenu(Menu.buildFromTemplate(language.template(lang)));
+		Menu.setApplicationMenu(Menu.buildFromTemplate(language.template(lang,mainWindow)));
 	}
 }
 // Electronの初期化完了後に実行

app/package.json

@@ -1,6 +1,6 @@
 {
   "name": "thedesk",
-  "version": "18.0.1",
+  "version": "18.0.2",
   "description": "TheDesk is a Mastodon client for PC.",
   "main": "main.js",
   "scripts": {

app/view/en/index.html

@@ -32,7 +32,7 @@
 <script type="text/javascript" src="../../js/common/modal.js"></script>
 <script type="text/javascript" src="../../js/ui/jquery-ui.min.js"></script>
 <script>
-var ver="Usamin (18.0.1)";
+var ver="Usamin (18.0.2)";
 //betaを入れるとバージョンチェックしない
 //GitHubに上げるときはindex.htmlをちゃんとする。(index.start.html)
 //var ver="beta";
@@ -581,12 +581,16 @@ var tlid=0;
 		<a href="https://thedesk.top" target="_blank">HP</a><br>
 		<a href="https://github.com/cutls/TheDesk" target="_blank">GitHub</a><br>
 		<br>
-			<div id="release-Usamin_18-0-0" class="release-do" style="display:none; ">
+			<div id="release-Usamin_18-0-2" class="release-do" style="display:none; ">
 					<a href="https://code.cutls.com/thedesk-log/" target="_blank">開発の経緯</a><br>
 					<a href="https://ja.mstdn.wiki/TheDesk" target="_blank">機能一覧</a><br>
 					Entyでは支援者様限定で様々なTheDeskに関する記事をご覧いただけます。<br>
 					困ったときは、<a href="https://docs.thedesk.top">TheDesk Docs</a>をご覧ください。
-					<h5>Release Note Usamin (18.0.0)</h5>
+					<h5>Release Note Usamin (18.0.2)</h5>
+・設定の値が保存できなくなるバグ<br>
+・画像送りしたときに進化したメディアビューが適用されない問題<br>
+・設定の表記がおかしい問題<br>
+--以下18.0.0--<br>
 ・多くの機能を「メニュー」に集約。結局何のボタンかわからないアイコンの羅列から解放。<br>
 ・Alt+Enterでセカンダリートゥートボタン<br>
 ・引用ボタンを表示しない設定(引用形式設定を「使用しない」)<br>
@@ -597,7 +601,10 @@ var tlid=0;
 ・一部のデフォルト値を修正。<br>
 ・設定のエクスポート(バックアップ)がバージョン2に。ほとんどの設定をエクスポートします。<br>
 ・イメージビューワーの修正<br>
-					<img class="emoji" draggable="false" alt="⚠" src="https://twemoji.maxcdn.com/2/72x72/26a0.png">TheDeskのMisskeyについての機能追加は終了しています。<br>
+			</div>
+			<div id="release-en">
+				<h5>Let's make it native!</h5>
+				<a href="https://translate.thedesk.top">Crowdin translation project</a>
 			</div>
 			<br><br>
 			<h3>Support TheDesk!</h3>
@@ -642,7 +649,7 @@ var tlid=0;
 			<div class="waves-effect" onclick="listMenu()" id="listMenu"><i class="material-icons">view_headline</i><span>List</span></div>
 			<div class="waves-effect" onclick="filterMenu()" id="filterMenu"><i class="material-icons">filter_list</i><span>Filter</span></div>
 			<div class="waves-effect" onclick="help()"><i class="material-icons">help_outline</i><span>Help</span></div>
-			<div class="waves-effect" onclick="about()"><i class="material-icons">info</i><span>About TheDesk</span></div>
+			<div class="waves-effect" onclick="location.href='index.html'"><i class="material-icons">refresh</i><span>Reload TL</span></div>
 		</div>
 		<div id="right-menu">
 				<!--カラム追加-->
@@ -764,8 +771,8 @@ var tlid=0;
 	</div>
 </div>
 		</div>
-		<a href="index.html" class="waves-effect">
+		<a onclick="about()" class="nex waves-effect">
-				<i class="material-icons" style="font-size: 1rem;">refresh</i>Super Reload
+				<i class="material-icons" style="font-size: 1rem;">info</i>About TheDesk
 		</a>&nbsp;|&nbsp;
 		<a onclick="bottomReverse()" class="nex waves-effect">
 				<i class="material-icons" style="font-size: 1rem;">swap_horiz</i>Toot button layout reverse

app/view/en/setting.html

@@ -44,7 +44,7 @@
 		<div id="envView">
             <template v-for="(item, i) in config">
 				<h5>{{item.text.head}}</h5>
-				{{item.text.desc}}<br>
+				<templete v-html=item.text.desc></templete><br>
 				<template v-if="item.id=='notf'"><a onclick="notftest()" class="pointer">Notification test</a><br></template>
                 <template v-if="item.checkbox">
                         <template v-for="(check, j) in item.text.checkbox">

app/view/en/setting.vue.js

@@ -63,7 +63,7 @@ var envConstruction=[
         setValue:13,
         text:{
             head:"Font size",
-            desc:'<span style="font-size:15px">15px(absolute value)</span>',
+            desc:'<span style="font-size:13px">13px(absolute value)</span>',
             after:"px"
         }
     },{

app/view/ja/index.html

@@ -32,7 +32,7 @@
 <script type="text/javascript" src="../../js/common/modal.js"></script>
 <script type="text/javascript" src="../../js/ui/jquery-ui.min.js"></script>
 <script>
-var ver="Usamin (18.0.1)";
+var ver="Usamin (18.0.2)";
 //betaを入れるとバージョンチェックしない
 //GitHubに上げるときはindex.htmlをちゃんとする。(index.start.html)
 //var ver="beta";
@@ -581,12 +581,16 @@ var tlid=0;
 		<a href="https://thedesk.top" target="_blank">HP</a><br>
 		<a href="https://github.com/cutls/TheDesk" target="_blank">GitHub</a><br>
 		<br>
-			<div id="release-Usamin_18-0-0" class="release-do" style="display:none; ">
+			<div id="release-Usamin_18-0-2" class="release-do" style="display:none; ">
 					<a href="https://code.cutls.com/thedesk-log/" target="_blank">開発の経緯</a><br>
 					<a href="https://ja.mstdn.wiki/TheDesk" target="_blank">機能一覧</a><br>
 					Entyでは支援者様限定で様々なTheDeskに関する記事をご覧いただけます。<br>
 					困ったときは、<a href="https://docs.thedesk.top">TheDesk Docs</a>をご覧ください。
-					<h5>Release Note Usamin (18.0.0)</h5>
+					<h5>Release Note Usamin (18.0.2)</h5>
+・設定の値が保存できなくなるバグ<br>
+・画像送りしたときに進化したメディアビューが適用されない問題<br>
+・設定の表記がおかしい問題<br>
+--以下18.0.0--<br>
 ・多くの機能を「メニュー」に集約。結局何のボタンかわからないアイコンの羅列から解放。<br>
 ・Alt+Enterでセカンダリートゥートボタン<br>
 ・引用ボタンを表示しない設定(引用形式設定を「使用しない」)<br>
@@ -597,7 +601,10 @@ var tlid=0;
 ・一部のデフォルト値を修正。<br>
 ・設定のエクスポート(バックアップ)がバージョン2に。ほとんどの設定をエクスポートします。<br>
 ・イメージビューワーの修正<br>
-					<img class="emoji" draggable="false" alt="⚠" src="https://twemoji.maxcdn.com/2/72x72/26a0.png">TheDeskのMisskeyについての機能追加は終了しています。<br>
+			</div>
+			<div id="release-en">
+				<h5>Let's make it native!</h5>
+				<a href="https://translate.thedesk.top">Crowdin translation project</a>
 			</div>
 			<br><br>
 			<h3>ご支援ください。</h3>
@@ -642,7 +649,7 @@ var tlid=0;
 			<div class="waves-effect" onclick="listMenu()" id="listMenu"><i class="material-icons">view_headline</i><span>リスト</span></div>
 			<div class="waves-effect" onclick="filterMenu()" id="filterMenu"><i class="material-icons">filter_list</i><span>フィルター</span></div>
 			<div class="waves-effect" onclick="help()"><i class="material-icons">help_outline</i><span>ヘルプ</span></div>
-			<div class="waves-effect" onclick="about()"><i class="material-icons">info</i><span>このソフトについて</span></div>
+			<div class="waves-effect" onclick="location.href='index.html'"><i class="material-icons">refresh</i><span>TL再読込</span></div>
 		</div>
 		<div id="right-menu">
 				<!--カラム追加-->
@@ -764,8 +771,8 @@ var tlid=0;
 	</div>
 </div>
 		</div>
-		<a href="index.html" class="waves-effect">
+		<a onclick="about()" class="nex waves-effect">
-				<i class="material-icons" style="font-size: 1rem;">refresh</i>スーパーリロード
+				<i class="material-icons" style="font-size: 1rem;">info</i>このソフトについて
 		</a>&nbsp;|&nbsp;
 		<a onclick="bottomReverse()" class="nex waves-effect">
 				<i class="material-icons" style="font-size: 1rem;">swap_horiz</i>トゥートボタンの左右入れ替え

app/view/ja/setting.html

@@ -44,7 +44,7 @@
 		<div id="envView">
             <template v-for="(item, i) in config">
 				<h5>{{item.text.head}}</h5>
-				{{item.text.desc}}<br>
+				<templete v-html=item.text.desc></templete><br>
 				<template v-if="item.id=='notf'"><a onclick="notftest()" class="pointer">通知テスト</a><br></template>
                 <template v-if="item.checkbox">
                         <template v-for="(check, j) in item.text.checkbox">

app/view/ja/setting.vue.js

@@ -63,7 +63,7 @@ var envConstruction=[
         setValue:13,
         text:{
             head:"フォントサイズ",
-            desc:'<span style="font-size:15px">15px(絶対指定)</span>',
+            desc:'<span style="font-size:13px">13px(絶対指定)</span>',
             after:"px"
         }
     },{

app/view/make/index.sample.html

@@ -581,13 +581,15 @@ var tlid=0;
 		<a href="https://thedesk.top" target="_blank">HP</a><br>
 		<a href="https://github.com/cutls/TheDesk" target="_blank">GitHub</a><br>
 		<br>
-			<div id="release-Usamin_18-0-1" class="release-do" style="display:none; ">
+			<div id="release-Usamin_18-0-2" class="release-do" style="display:none; ">
 					<a href="https://code.cutls.com/thedesk-log/" target="_blank">開発の経緯</a><br>
 					<a href="https://ja.mstdn.wiki/TheDesk" target="_blank">機能一覧</a><br>
 					Entyでは支援者様限定で様々なTheDeskに関する記事をご覧いただけます。<br>
 					困ったときは、<a href="https://docs.thedesk.top">TheDesk Docs</a>をご覧ください。
-					<h5>Release Note Usamin (18.0.1)</h5>
+					<h5>Release Note Usamin (18.0.2)</h5>
-・カラム追加時の不具合についてのバグ<br>
+・設定の値が保存できなくなるバグ<br>
+・画像送りしたときに進化したメディアビューが適用されない問題<br>
+・設定の表記がおかしい問題<br>
 --以下18.0.0--<br>
 ・多くの機能を「メニュー」に集約。結局何のボタンかわからないアイコンの羅列から解放。<br>
 ・Alt+Enterでセカンダリートゥートボタン<br>
@@ -599,7 +601,10 @@ var tlid=0;
 ・一部のデフォルト値を修正。<br>
 ・設定のエクスポート(バックアップ)がバージョン2に。ほとんどの設定をエクスポートします。<br>
 ・イメージビューワーの修正<br>
-					<img class="emoji" draggable="false" alt="⚠" src="https://twemoji.maxcdn.com/2/72x72/26a0.png">TheDeskのMisskeyについての機能追加は終了しています。<br>
+			</div>
+			<div id="release-en">
+				<h5>Let's make it native!</h5>
+				<a href="https://translate.thedesk.top">Crowdin translation project</a>
 			</div>
 			<br><br>
 			<h3>{{supportme}}</h3>
@@ -644,7 +649,7 @@ var tlid=0;
 			<div class="waves-effect" onclick="listMenu()" id="listMenu"><i class="material-icons">view_headline</i><span>{{list}}</span></div>
 			<div class="waves-effect" onclick="filterMenu()" id="filterMenu"><i class="material-icons">filter_list</i><span>{{filter}}</span></div>
 			<div class="waves-effect" onclick="help()"><i class="material-icons">help_outline</i><span>{{help}}</span></div>
-			<div class="waves-effect" onclick="about()"><i class="material-icons">info</i><span>{{about}}</span></div>
+			<div class="waves-effect" onclick="location.href='index.html'"><i class="material-icons">refresh</i><span>{{f5}}</span></div>
 		</div>
 		<div id="right-menu">
 				<!--カラム追加-->
@@ -766,8 +771,8 @@ var tlid=0;
 	</div>
 </div>
 		</div>
-		<a href="index.html" class="waves-effect">
+		<a onclick="about()" class="nex waves-effect">
-				<i class="material-icons" style="font-size: 1rem;">refresh</i>{{f5}}
+				<i class="material-icons" style="font-size: 1rem;">info</i>{{about}}
 		</a>&nbsp;|&nbsp;
 		<a onclick="bottomReverse()" class="nex waves-effect">
 				<i class="material-icons" style="font-size: 1rem;">swap_horiz</i>{{reverse}}

app/view/make/language/index.en.json

@@ -148,7 +148,7 @@
     "filter":"Filter",
     "setting":"Preferences",
     "reverse":"Toot button layout reverse",
-    "f5":"Super Reload",
+    "f5":"Reload TL",
     "nanoDes":"The smallest Mastodon,",
     "verTips":"Version",
     "clockTips":"Clock",

app/view/make/language/index.ja.json

@@ -148,7 +148,7 @@
     "filter":"フィルター",
     "setting":"設定",
     "reverse":"トゥートボタンの左右入れ替え",
-    "f5":"スーパーリロード",
+    "f5":"TL再読込",
     "nanoDes":"最小のマストドン。",
     "verTips":"バージョン",
     "clockTips":"時計",

app/view/make/setting.sample.html

@@ -44,7 +44,7 @@
 		<div id="envView">
             <template v-for="(item, i) in config">
 				<h5>{{item.text.head}}</h5>
-				{{item.text.desc}}<br>
+				<templete v-html=item.text.desc></templete><br>
 				<template v-if="item.id=='notf'"><a onclick="notftest()" class="pointer">@@nntest@@</a><br></template>
                 <template v-if="item.checkbox">
                         <template v-for="(check, j) in item.text.checkbox">

app/view/make/setting.sample.js

@@ -63,7 +63,7 @@ var envConstruction=[
         setValue:13,
         text:{
             head:"@@fontsize@@",
-            desc:'<span style="font-size:15px">15px(@@absolute@@)</span>',
+            desc:'<span style="font-size:13px">13px(@@absolute@@)</span>',
             after:"px"
         }
     },{

app/view/ps/index.html

@@ -32,7 +32,7 @@
 <script type="text/javascript" src="../../js/common/modal.js"></script>
 <script type="text/javascript" src="../../js/ui/jquery-ui.min.js"></script>
 <script>
-var ver="Usamin (18.0.1)";
+var ver="Usamin (18.0.2)";
 //betaを入れるとバージョンチェックしない
 //GitHubに上げるときはindex.htmlをちゃんとする。(index.start.html)
 //var ver="beta";
@@ -581,12 +581,16 @@ var tlid=0;
 		<a href="https://thedesk.top" target="_blank">HP</a><br>
 		<a href="https://github.com/cutls/TheDesk" target="_blank">GitHub</a><br>
 		<br>
-			<div id="release-Usamin_18-0-0" class="release-do" style="display:none; ">
+			<div id="release-Usamin_18-0-2" class="release-do" style="display:none; ">
 					<a href="https://code.cutls.com/thedesk-log/" target="_blank">開発の経緯</a><br>
 					<a href="https://ja.mstdn.wiki/TheDesk" target="_blank">機能一覧</a><br>
 					Entyでは支援者様限定で様々なTheDeskに関する記事をご覧いただけます。<br>
 					困ったときは、<a href="https://docs.thedesk.top">TheDesk Docs</a>をご覧ください。
-					<h5>Release Note Usamin (18.0.0)</h5>
+					<h5>Release Note Usamin (18.0.2)</h5>
+・設定の値が保存できなくなるバグ<br>
+・画像送りしたときに進化したメディアビューが適用されない問題<br>
+・設定の表記がおかしい問題<br>
+--以下18.0.0--<br>
 ・多くの機能を「メニュー」に集約。結局何のボタンかわからないアイコンの羅列から解放。<br>
 ・Alt+Enterでセカンダリートゥートボタン<br>
 ・引用ボタンを表示しない設定(引用形式設定を「使用しない」)<br>
@@ -597,7 +601,10 @@ var tlid=0;
 ・一部のデフォルト値を修正。<br>
 ・設定のエクスポート(バックアップ)がバージョン2に。ほとんどの設定をエクスポートします。<br>
 ・イメージビューワーの修正<br>
-					<img class="emoji" draggable="false" alt="⚠" src="https://twemoji.maxcdn.com/2/72x72/26a0.png">TheDeskのMisskeyについての機能追加は終了しています。<br>
+			</div>
+			<div id="release-en">
+				<h5>Let's make it native!</h5>
+				<a href="https://translate.thedesk.top">Crowdin translation project</a>
 			</div>
 			<br><br>
 			<h3>crwdns473:0crwdne473:0</h3>
@@ -642,7 +649,7 @@ var tlid=0;
 			<div class="waves-effect" onclick="listMenu()" id="listMenu"><i class="material-icons">view_headline</i><span>crwdns444:0crwdne444:0</span></div>
 			<div class="waves-effect" onclick="filterMenu()" id="filterMenu"><i class="material-icons">filter_list</i><span>crwdns515:0crwdne515:0</span></div>
 			<div class="waves-effect" onclick="help()"><i class="material-icons">help_outline</i><span>crwdns1894:0crwdne1894:0</span></div>
-			<div class="waves-effect" onclick="about()"><i class="material-icons">info</i><span>{{about}}</span></div>
+			<div class="waves-effect" onclick="location.href='index.html'"><i class="material-icons">refresh</i><span>crwdns518:0crwdne518:0</span></div>
 		</div>
 		<div id="right-menu">
 				<!--カラム追加-->
@@ -764,8 +771,8 @@ var tlid=0;
 	</div>
 </div>
 		</div>
-		<a href="index.html" class="waves-effect">
+		<a onclick="about()" class="nex waves-effect">
-				<i class="material-icons" style="font-size: 1rem;">refresh</i>crwdns518:0crwdne518:0
+				<i class="material-icons" style="font-size: 1rem;">info</i>{{about}}
 		</a>&nbsp;|&nbsp;
 		<a onclick="bottomReverse()" class="nex waves-effect">
 				<i class="material-icons" style="font-size: 1rem;">swap_horiz</i>crwdns517:0crwdne517:0

app/view/ps/setting.html

@@ -44,7 +44,7 @@
 		<div id="envView">
             <template v-for="(item, i) in config">
 				<h5>{{item.text.head}}</h5>
-				{{item.text.desc}}<br>
+				<templete v-html=item.text.desc></templete><br>
 				<template v-if="item.id=='notf'"><a onclick="notftest()" class="pointer">crwdns540:0crwdne540:0</a><br></template>
                 <template v-if="item.checkbox">
                         <template v-for="(check, j) in item.text.checkbox">

app/view/ps/setting.vue.js

@@ -63,7 +63,7 @@ var envConstruction=[
         setValue:13,
         text:{
             head:"crwdns546:0crwdne546:0",
-            desc:'<span style="font-size:15px">15px(crwdns549:0crwdne549:0)</span>',
+            desc:'<span style="font-size:13px">13px(crwdns549:0crwdne549:0)</span>',
             after:"px"
         }
     },{