message图标优化

.vscode/settings.json

@@ -7,5 +7,6 @@
     "editor.mouseWheelZoom": true,
     "editor.codeActionsOnSave": {
         "source.fixAll.eslint": true
-    }
+    },
+    "svg.preview.background": "transparent"
 }

app/article/add_to_collect_dlg.js

@@ -26,7 +26,7 @@ function add_to_collect_dlg_init() {
     html += "<div class='others'>";
     html += "</div>";
     html += "</div>";
-    html += "<div style='display:flex;'>";
+    html += "<div style='display:flex;justify-content: space-evenly;'>";
     html += "<button onclick='collect_new()'>" + gLocal.gui.new_composition + "</button>";
     html +=
       "<button onclick=\"article_add_to_collect_cancel('" +

app/article/article_add_dlg.js

@@ -3,16 +3,16 @@ function article_add_dlg_init(div) {
   _article_add_dlg_div = div;
   let html = "";
   html += "<div id='article_add_dlg'>";
-  html += "<div >";
-  html += "<div >Title</div>";
-  html += "<input type='input' id='article_add_title' />";
-  html += "</div>";
+  html += "<fieldset class='broder-1 broder-r'>";
+  html += "<legend>" + gLocal.gui.title + "</legend>";
+  html += "<input type='input' id='article_add_title' placeholder='" + gLocal.gui.input + gLocal.gui.title + "' />";
+  html += "</fieldset>";
   html += "<div>";
   html += "</div>";
   html +=
-    "<div style='display:flex;justify-content: space-between;padding-top: 1em;'>";
-  html += "<button onclick='article_add_cancel()'>Cancel</button>";
-  html += "<button onclick='article_add_new()'>New</button>";
+    "<div style='display:flex;justify-content: space-evenly;padding-top: 1em;'>";
+  html += "<button onclick='article_add_cancel()'>" + gLocal.gui.cancel + "</button>";
+  html += "<button onclick='article_add_new()'>" + gLocal.gui.new + "</button>";
   html += "</div>";
   html += "</div>";
 

app/article/my_article.js

@@ -16,11 +16,31 @@ function my_article_list() {
           let html = "";
           let result = JSON.parse(data);
           let key = 1;
+          //表头
+          html += '<div class="file_list_row" style="padding:5px;">';
+          html +=
+            '<div style="max-width:2em;flex:1;"><input type="checkbox" /></div>';
+          html += "<div style='flex:0.5;'>" + key++ + "</div>";
+          html += "<div style='flex:2;'>" + gLocal.gui.title + "</div>";
+          html +=
+            "<div style='flex:2;'>" + gLocal.gui.privacy + "</div>";
+          html += "<div style='flex:1;'>" + gLocal.gui.copy_link + "</div>";
+          html +=
+            "<div style='flex:1;'>" +
+            gLocal.gui.edit +
+            "</a></div>";
+          html +=
+            "<div style='flex:1;'>" +
+            gLocal.gui.preview +
+            "</a></div>";
+          html += "<div style='flex:1;'>15</div>";
+          html += "</div>";
+          //列表
           for (const iterator of result) {
             html += '<div class="file_list_row" style="padding:5px;">';
             html +=
               '<div style="max-width:2em;flex:1;"><input type="checkbox" /></div>';
-            html += "<div style='flex:1;'>" + key++ + "</div>";
+            html += "<div style='flex:0.5;'>" + key++ + "</div>";
             html += "<div style='flex:2;'>" + iterator.title + "</div>";
             html +=
               "<div style='flex:2;'>" +
@@ -80,9 +100,7 @@ function render_status(status) {
     },
   ];
   html +=
-    "<span style='flex:3;margin:auto;'>" +
-    gLocal.gui.privacy +
-    '</span><div class="case_dropdown"  style="flex:7;">';
+    '<div class="case_dropdown"  style="flex:7;">';
   html += '<input type="hidden" name="status"  value ="' + status + '" />';
 
   for (const iterator of objStatus) {

app/public/book_tag/en.json

@@ -16636,91 +16636,91 @@
     "para": "2",
     "level": "1",
     "title": "Paramatthadīpanī",
-    "tag": ":añña::abhidhamma::Abhidhammatthasaṅgaho::Paramatthadīpanī::dīpanī::leḍī sayādo:"
+    "tag": ":añña::abhidhamma::Abhidhammatthasaṅgaha::Paramatthadīpanī::dīpanī::leḍī sayādo:"
   },
   {
     "book": "23",
     "para": "29",
     "level": "2",
     "title": "Pathamagāthā-paramatthadīpanī",
-    "tag": ":añña::abhidhamma::Abhidhammatthasaṅgaho::Paramatthadīpanī::dīpanī::leḍī sayādo:"
+    "tag": ":añña::abhidhamma::Abhidhammatthasaṅgaha::Paramatthadīpanī::dīpanī::leḍī sayādo:"
   },
   {
     "book": "23",
     "para": "96",
     "level": "2",
     "title": "Dutīyagāthā-paramatthadīpanī",
-    "tag": ":añña::abhidhamma::Abhidhammatthasaṅgaho::Paramatthadīpanī::dīpanī::leḍī sayādo:"
+    "tag": ":añña::abhidhamma::Abhidhammatthasaṅgaha::Paramatthadīpanī::dīpanī::leḍī sayādo:"
   },
   {
     "book": "23",
     "para": "136",
     "level": "2",
     "title": "Cittasaṅgaha-paramatthadīpanī",
-    "tag": ":añña::abhidhamma::Abhidhammatthasaṅgaho::Paramatthadīpanī::dīpanī::leḍī sayādo:"
+    "tag": ":añña::abhidhamma::Abhidhammatthasaṅgaha::Paramatthadīpanī::dīpanī::leḍī sayādo:"
   },
   {
     "book": "23",
     "para": "407",
     "level": "2",
     "title": "Cetasikasaṅgaha paramatthadīpanī",
-    "tag": ":añña::abhidhamma::Abhidhammatthasaṅgaho::Paramatthadīpanī::dīpanī::leḍī sayādo:"
+    "tag": ":añña::abhidhamma::Abhidhammatthasaṅgaha::Paramatthadīpanī::dīpanī::leḍī sayādo:"
   },
   {
     "book": "23",
     "para": "530",
     "level": "2",
     "title": "Pakiṇṇaka saṅgaha paramatthadīpanī",
-    "tag": ":añña::abhidhamma::Abhidhammatthasaṅgaho::Paramatthadīpanī::dīpanī::leḍī sayādo:"
+    "tag": ":añña::abhidhamma::Abhidhammatthasaṅgaha::Paramatthadīpanī::dīpanī::leḍī sayādo:"
   },
   {
     "book": "23",
     "para": "650",
     "level": "2",
     "title": "Vīthi saṅgaha paramatthadīpanī",
-    "tag": ":añña::abhidhamma::Abhidhammatthasaṅgaho::Paramatthadīpanī::dīpanī::leḍī sayādo:"
+    "tag": ":añña::abhidhamma::Abhidhammatthasaṅgaha::Paramatthadīpanī::dīpanī::leḍī sayādo:"
   },
   {
     "book": "23",
     "para": "770",
     "level": "2",
     "title": "Vīthimutta saṅgaha paramatthadīpanī",
-    "tag": ":añña::abhidhamma::Abhidhammatthasaṅgaho::Paramatthadīpanī::dīpanī::leḍī sayādo:"
+    "tag": ":añña::abhidhamma::Abhidhammatthasaṅgaha::Paramatthadīpanī::dīpanī::leḍī sayādo:"
   },
   {
     "book": "23",
     "para": "987",
     "level": "2",
     "title": "Rūpa saṅgaha paramatthadīpanī",
-    "tag": ":añña::abhidhamma::Abhidhammatthasaṅgaho::Paramatthadīpanī::dīpanī::leḍī sayādo:"
+    "tag": ":añña::abhidhamma::Abhidhammatthasaṅgaha::Paramatthadīpanī::dīpanī::leḍī sayādo:"
   },
   {
     "book": "23",
     "para": "1203",
     "level": "2",
     "title": "samuccaya saṅgaha paramatthadīpanī",
-    "tag": ":añña::abhidhamma::Abhidhammatthasaṅgaho::Paramatthadīpanī::dīpanī::leḍī sayādo:"
+    "tag": ":añña::abhidhamma::Abhidhammatthasaṅgaha::Paramatthadīpanī::dīpanī::leḍī sayādo:"
   },
   {
     "book": "23",
     "para": "1319",
     "level": "2",
     "title": "Paccaya saṅgaha paramatthadīpanī",
-    "tag": ":añña::abhidhamma::Abhidhammatthasaṅgaho::Paramatthadīpanī::dīpanī::leḍī sayādo:"
+    "tag": ":añña::abhidhamma::Abhidhammatthasaṅgaha::Paramatthadīpanī::dīpanī::leḍī sayādo:"
   },
   {
     "book": "23",
     "para": "1439",
     "level": "2",
     "title": "Kammaṭṭhāna saṅgaha paramatthadīpanī",
-    "tag": ":añña::abhidhamma::Abhidhammatthasaṅgaho::Paramatthadīpanī::dīpanī::leḍī sayādo:"
+    "tag": ":añña::abhidhamma::Abhidhammatthasaṅgaha::Paramatthadīpanī::dīpanī::leḍī sayādo:"
   },
   {
     "book": "23",
     "para": "1473",
     "level": "2",
     "title": "Nigama paramatthadīpanī",
-    "tag": ":añña::abhidhamma::Abhidhammatthasaṅgaho::Paramatthadīpanī::dīpanī::leḍī sayādo:"
+    "tag": ":añña::abhidhamma::Abhidhammatthasaṅgaha::Paramatthadīpanī::dīpanī::leḍī sayādo:"
   },
   {
     "book": "24",
@@ -19354,4 +19354,4 @@
     "title": "samantakūṭavaṇṇanā ",
     "tag": ":añña::sihaḷa-gantha-saṅgaho::samantakūṭavaṇṇanā:"
   }
-]
+]

app/studio/editor.php

@@ -314,22 +314,22 @@ foreach($plugin_list as $info){
 	<!--顶部工具栏tool bar begin-->
 	<div id='toolbar'>
 		<!--左侧的区块-->
-		<div>
+		<div style="display: inline-flex;flex: 4;max-width:40vw">
 
-			<svg class="icon" style="height: 2.7em; width: 12em; margin-top: 0.5em; ">
+			<svg class="icon" style="height: 2.7em; width: 12em;">
 				<use xlink:href="../public/images/svg/wikipali_banner.svg#wikipali_banner"></use>
 			</svg>
 
-			<span>
-				<span id="net_up"></span>
-				<span id="net_down"></span>
-				<span id="msg_tool_bar"></span>
+			<span style="height: fit-content;margin: auto 0;">
+				<span id="net_up" style="display:none;"></span>
+				<span id="msg_tool_bar"><svg class='icon'><use xlink:href='../studio/svg/icon.svg#pause_ms'></use></svg></span>
+				<span id="net_down" style="display:none;"></span>
 			</span>
-			<span id="editor_doc_title" style="margin-top: 0.6em;margin-left: 1em;display: inline-block;max-width: 20em;font-size: 85%;"></span>
+			<span id="editor_doc_title" style="margin: auto 0;max-width: 20em;height: fit-content;position: inherit;"></span>
 		</div>
 		
 		<!--工具栏中间的区块-->
-		<div>
+		<div style="flex: 2;display: flex;justify-content: center;">
 			<!--手机版显示工具栏按钮-->
 			<span class="dropdown toolbtn" onmouseover="switchMenu(this,'topTools')">
 				<div>
@@ -429,7 +429,7 @@ foreach($plugin_list as $info){
 		</div>
 		
 		<!--工具栏右侧的区块开始-->
-		<div class="tab_a1">
+		<div class="tab_a1" style="flex: 4;display: flex;justify-content: flex-end;">
 <?php
 foreach($plugin_list as $info){
 	if($info->attach=="top_right" && $info->enable=="true"){
@@ -460,7 +460,7 @@ foreach($plugin_list as $info){
 ?>		
 		
 		</div>
-		
+
 	</div>
 	<!--顶部工具栏结束-->
 	

app/studio/js/message.js

@@ -58,7 +58,9 @@ function msg_reload() {
   iMsgLastUpdateId = 1;
 }
 function msg_send() {
-  $("#net_up").html("▲");
+  $("#net_up").html("");
+  $("#msg_tool_bar").html("<svg class='icon'><use xlink:href='../studio/svg/icon.svg#upload_ms'></use></svg>");
+
   if (arrMsgBuffer.length > 0) {
     var operation = "send";
   } else {
@@ -171,19 +173,22 @@ function msg_send() {
       msg_set_tool_bar_msg_counter();
       msg_update_msg_list();
       $("#net_down").html(" ");
+      $("#msg_tool_bar").html("<svg class='icon'><use xlink:href='../studio/svg/icon.svg#pause_ms'></use></svg>");
+
     }
   );
 
-  $("#net_up").html(" ");
-  $("#net_down").html("▼");
+  $("#net_up").html("");
+  $("#net_down").html("");
+  $("#msg_tool_bar").html("<svg class='icon'><use xlink:href='../studio/svg/icon.svg#download_ms'></use></svg>");
 
   arrMsgBuffer = new Array();
 
   msg_timer = setTimeout("msg_send()", msgTime);
 }
-function msg_new_msg_id_push() {}
+function msg_new_msg_id_push() { }
 
-function msg_stop() {}
+function msg_stop() { }
 
 function msg_read(msg_obj, status = null) {
   if (msg_obj) {
@@ -350,22 +355,22 @@ function msg_apply_data(obj) {
         let end = obj.data.end;
         $(
           "[pcds='sent-net-all'][book='" +
-            book +
-            "'][para='" +
-            para +
-            "'][begin='" +
-            begin +
-            "']"
+          book +
+          "'][para='" +
+          para +
+          "'][begin='" +
+          begin +
+          "']"
         ).html(obj.data.text);
 
         $(
           "[pcds='sent-net-div'][book='" +
-            book +
-            "'][para='" +
-            para +
-            "'][begin='" +
-            begin +
-            "']"
+          book +
+          "'][para='" +
+          para +
+          "'][begin='" +
+          begin +
+          "']"
         )
           .find(".author")
           .html(obj.sender);

app/studio/plugin/system_plugin/icon.svg

@@ -1,67 +1,22 @@
 <?xml version="1.0" encoding="iso-8859-1"?>
 <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="icon_plugin1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 511.6 511.6" style="enable-background:new 0 0 511.6 511.6;" xml:space="preserve">
-<path style="fill:#8CC153;" d="M213.164,237.986c-3.341,1.187-6.924,1.827-10.664,1.827c-17.658,0-31.975-14.317-31.975-31.976
-	c0-17.657,14.317-31.975,31.975-31.975c3.739,0,7.322,0.641,10.664,1.827V106.58h-76.44c1.179,3.342,1.827,6.925,1.827,10.664
-	c0,17.658-14.317,31.975-31.975,31.975s-31.975-14.316-31.975-31.975c0-3.739,0.648-7.322,1.827-10.664H10.651v202.506h71.108
-	c-1.179,3.342-1.827,6.933-1.827,10.664c0,17.658,14.317,31.975,31.975,31.975s31.975-14.316,31.975-31.975
-	c0-3.731-0.648-7.322-1.827-10.664h71.108v-71.1H213.164z"/>
-<path style="fill:#37BC9B;" d="M405.023,442.326c-17.674,0-31.976-14.317-31.976-31.976s14.302-31.975,31.976-31.975
-	c3.715,0,7.307,0.64,10.647,1.826v-71.116H213.164V511.6h202.506v-71.101C412.329,441.67,408.737,442.326,405.023,442.326z"/>
-<path style="fill:#4A89DC;" d="M223.82,378.376c-3.739,0-7.322,0.64-10.656,1.826v-71.116H10.651v71.116
-	c3.341-1.187,6.924-1.826,10.664-1.826c17.658,0,31.975,14.316,31.975,31.975s-14.317,31.976-31.975,31.976
-	c-3.739,0-7.322-0.656-10.664-1.827v71.1h202.514v-71.101c3.333,1.171,6.917,1.827,10.656,1.827
-	c17.658,0,31.975-14.317,31.975-31.976S241.478,378.376,223.82,378.376z"/>
-<path style="fill:#F6BB42;" d="M500.948,152.717c-3.341,1.179-6.933,1.826-10.679,1.826c-17.643,0-31.976-14.309-31.976-31.975
-	c0-17.658,14.333-31.976,31.976-31.976c3.746,0,7.338,0.648,10.679,1.827V21.32H298.418v71.1c-3.325-1.179-6.901-1.827-10.647-1.827
-	c-17.658,0-31.976,14.317-31.976,31.976c0,17.666,14.317,31.975,31.976,31.975c3.746,0,7.322-0.647,10.647-1.826v71.108h71.116
-	c-1.171,3.341-1.826,6.916-1.826,10.663c0,17.658,14.316,31.975,31.975,31.975s31.975-14.316,31.975-31.975
-	c0-3.747-0.656-7.322-1.826-10.663h71.116v-71.109H500.948z"/>
-<path style="fill:#48CFAD;" d="M405.023,420.999c-17.674,0-31.976-14.317-31.976-31.976c0-17.657,14.302-31.975,31.976-31.975
-	c3.715,0,7.307,0.655,10.647,1.827v-71.101H213.164v202.513h202.506v-71.116C412.329,420.359,408.737,420.999,405.023,420.999z"/>
-<path style="fill:#5D9CEC;" d="M223.82,357.049c-3.739,0-7.322,0.655-10.656,1.827v-71.101H10.651v71.101
+<svg version="1.1" id="icon_plugin1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+	x="0px" y="0px" viewBox="0 0 511.6 511.6" style="enable-background:new 0 0 511.6 511.6;" xml:space="preserve">
+	<path
+		d="M405.023,420.999c-17.674,0-31.976-14.317-31.976-31.976c0-17.657,14.302-31.975,31.976-31.975
+	c3.715,0,7.307,0.655,10.647,1.827v-71.101H213.164v202.513h202.506v-71.116C412.329,420.359,408.737,420.999,405.023,420.999z" />
+	<path fill="white" d="M223.82,357.049c-3.739,0-7.322,0.655-10.656,1.827v-71.101H10.651v71.101
 	c3.341-1.172,6.924-1.827,10.664-1.827c17.658,0,31.975,14.317,31.975,31.975C53.29,406.682,38.973,421,21.315,421
 	c-3.739,0-7.322-0.641-10.664-1.827v71.116h202.514v-71.116c3.333,1.187,6.917,1.827,10.656,1.827
-	c17.658,0,31.975-14.317,31.975-31.976C255.795,371.366,241.478,357.049,223.82,357.049z"/>
-<path style="fill:#FFCE54;" d="M500.948,131.405c-3.341,1.179-6.933,1.826-10.679,1.826c-17.643,0-31.976-14.316-31.976-31.975
+	c17.658,0,31.975-14.317,31.975-31.976C255.795,371.366,241.478,357.049,223.82,357.049z" />
+	<path d="M500.948,131.405c-3.341,1.179-6.933,1.826-10.679,1.826c-17.643,0-31.976-14.316-31.976-31.975
 	s14.333-31.976,31.976-31.976c3.746,0,7.338,0.648,10.679,1.827V0H298.418v71.108c-3.325-1.179-6.901-1.827-10.647-1.827
 	c-17.658,0-31.976,14.317-31.976,31.976s14.317,31.975,31.976,31.975c3.746,0,7.322-0.647,10.647-1.826v71.108h71.116
 	c-1.171,3.325-1.826,6.916-1.826,10.647c0,17.658,14.316,31.976,31.975,31.976s31.975-14.317,31.975-31.976
-	c0-3.731-0.656-7.322-1.826-10.647h71.116v-71.109H500.948z"/>
-<path style="fill:#A0D468;" d="M213.164,216.674c-3.341,1.171-6.924,1.827-10.664,1.827c-17.658,0-31.975-14.317-31.975-31.975
-	s14.317-31.983,31.975-31.983c3.739,0,7.322,0.648,10.664,1.827v-71.1h-76.44c1.179,3.333,1.827,6.916,1.827,10.655
-	c0,17.658-14.317,31.975-31.975,31.975s-31.975-14.316-31.975-31.975c0-3.739,0.648-7.322,1.827-10.655H10.651v202.506h71.108
-	c-1.179,3.341-1.827,6.916-1.827,10.663c0,17.658,14.317,31.975,31.975,31.975s31.975-14.316,31.975-31.975
-	c0-3.747-0.648-7.322-1.827-10.663h71.108v-71.102H213.164z"/>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-<g>
-</g>
-</svg>
+	c0-3.731-0.656-7.322-1.826-10.647h71.116v-71.109H500.948z" />
+	<path d="M213.164,237.986c-3.341,1.187-6.924,1.827-10.664,1.827c-17.658,0-31.975-14.317-31.975-31.976
+	c0-17.657,14.317-31.975,31.975-31.975c3.739,0,7.322,0.641,10.664,1.827V106.58h-76.44c1.179,3.342,1.827,6.925,1.827,10.664
+	c0,17.658-14.317,31.975-31.975,31.975s-31.975-14.316-31.975-31.975c0-3.739,0.648-7.322,1.827-10.664H10.651v202.506h71.108
+	c-1.179,3.342-1.827,6.933-1.827,10.664c0,17.658,14.317,31.975,31.975,31.975s31.975-14.316,31.975-31.975
+	c0-3.731-0.648-7.322-1.827-10.664h71.108v-71.1H213.164z" />
+</svg>

app/studio/svg/icon.svg

@@ -435,8 +435,7 @@
 		</g>
 	</symbol>
 	<symbol version="1.1" id="others_share" xmlns="http://www.w3.org/2000/svg"
-		xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512"
-		style="enable-background:new 0 0 512 512;" xml:space="preserve">
+		xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" xml:space="preserve">
 		<g>
 			<g>
 				<g>
@@ -733,4 +732,21 @@
 		<symbol id="my_zone" t="1603904205153" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3318" >
 			<path d="M870.339765 0H153.6C66.620235 0 0 66.620235 0 153.660235V870.4C0 957.379765 66.620235 1024 153.660235 1024H870.4C957.379765 1024 1024 957.379765 1024 870.339765V153.6C1024 66.620235 957.379765 0 870.339765 0z m-21.744941 457.607529c-34.695529 39.454118-153.359059 158.418824-153.359059 158.418824s5.12 9.878588 5.12 19.696941v5.12c-79.209412-5.12-158.418824-5.12-222.689883-19.696941 84.329412-59.512471 133.601882-89.088 227.749647-168.297412-98.906353-24.816941-331.776-24.816941-396.047058 5.12 104.026353 5.059765 187.994353 9.818353 272.323764 19.696941-39.454118 39.454118-143.480471 108.784941-227.809882 173.357177 98.966588 19.757176 237.688471 14.998588 356.352-5.059765l39.393882-9.878588c-5.059765 9.878588-29.515294 14.938353-39.393882 19.696941 9.818353 54.452706 24.816941 143.480471 29.515294 178.176 5.12 19.696941-14.938353 34.695529-29.515294 24.816941-49.694118-24.816941-193.114353-104.026353-193.114353-104.026353s-143.480471 79.209412-193.114353 104.026353c-14.998588 5.12-34.695529-5.12-29.575529-24.816941 5.059765-54.392471 34.635294-222.689882 34.635294-222.689882l-158.418824-158.418824c-9.818353-14.938353-5.059765-34.695529 14.998588-39.454117 49.633882-5.059765 217.931294-34.635294 217.931295-34.635295s69.270588-153.359059 94.147764-202.992941c5.12-14.938353 24.816941-14.938353 34.69553 0 19.696941 49.633882 94.147765 202.992941 94.147764 202.992941s158.418824 24.816941 212.811295 34.635295c19.034353 4.457412 24.154353 24.515765 9.216 44.212705z" p-id="3319"></path>
 		</symbol>
+		<symbol id="upload_ms" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 512 512"  xml:space="preserve">
+			<polygon style="fill:var(--btn-color);" points="307.64,167.608 344.072,130.456 344.072,220.104 378.064,220.104 378.064,130.456   414.496,167.608 438.752,143.936 361.072,64.736 283.384,143.936 "/>
+			<path style="fill:var(--btn-color);" d="M401.392,271.552H432c44,0,80,35.936,80,79.872v15.968c0,43.92-36,79.872-80,79.872H80  c-44,0-80-35.936-80-79.872v-15.968c0-40.96,31.424-74.592,71.328-78.992c-0.784-5.52-1.328-11.12-1.328-16.848  c0-65.616,53.28-118.8,118.992-118.8c50.464,0,93.488,31.424,110.8,75.68c0,0,26.672-12.24,60.016-0.448  C401.264,226.688,401.392,271.552,401.392,271.552z"/>
+		</symbol>
+		<symbol id="download_ms" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 512 512"  xml:space="preserve">
+			<path style="fill:var(--btn-color);" d="M401.392,271.552H432c44,0,80,35.936,80,79.872v15.968c0,43.92-36,79.872-80,79.872H80  c-44,0-80-35.936-80-79.872v-15.968c0-40.96,31.424-74.592,71.328-78.992c-0.784-5.52-1.328-11.12-1.328-16.848  c0-65.616,53.28-118.8,118.992-118.8c50.464,0,93.488,31.424,110.8,75.68c0,0,26.672-12.24,60.016-0.448  C401.264,226.688,401.392,271.552,401.392,271.552z"/>
+			<polygon style="fill:var(--tool-bg-color);" points="251.12,284.768 214.688,321.92 214.688,232.272 180.704,232.272 180.704,321.92   144.272,284.768 120.008,308.44 197.688,387.64 275.384,308.44 "/>
+		</symbol>
+		<symbol id="transmit_ms" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 512 512"  xml:space="preserve">
+			<polygon style="fill:var(--btn-color);" points="307.64,167.608 344.072,130.456 344.072,220.104 378.064,220.104 378.064,130.456   414.496,167.608 438.752,143.936 361.072,64.736 283.384,143.936 "/>
+			<path style="fill:var(--btn-color);" d="M401.392,271.552H432c44,0,80,35.936,80,79.872v15.968c0,43.92-36,79.872-80,79.872H80  c-44,0-80-35.936-80-79.872v-15.968c0-40.96,31.424-74.592,71.328-78.992c-0.784-5.52-1.328-11.12-1.328-16.848  c0-65.616,53.28-118.8,118.992-118.8c50.464,0,93.488,31.424,110.8,75.68c0,0,26.672-12.24,60.016-0.448  C401.264,226.688,401.392,271.552,401.392,271.552z"/>
+			<polygon style="fill:var(--tool-bg-color);" points="251.12,284.768 214.688,321.92 214.688,232.272 180.704,232.272 180.704,321.92   144.272,284.768 120.008,308.44 197.688,387.64 275.384,308.44 "/>
+		</symbol>
+		<symbol id="pause_ms" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 512 512"  xml:space="preserve">
+			<path style="fill:var(--btn-color);" d="M401.392,271.552H432c44,0,80,35.936,80,79.872v15.968c0,43.92-36,79.872-80,79.872H80  c-44,0-80-35.936-80-79.872v-15.968c0-40.96,31.424-74.592,71.328-78.992c-0.784-5.52-1.328-11.12-1.328-16.848  c0-65.616,53.28-118.8,118.992-118.8c50.464,0,93.488,31.424,110.8,75.68c0,0,26.672-12.24,60.016-0.448  C401.264,226.688,401.392,271.552,401.392,271.552z"/>
+		</symbol>
+
 </svg>