From df8a2ebda53f3786ac5d3f8177abbce36194980e Mon Sep 17 00:00:00 2001
From: hdx <hdx@dcloud.io>
Date: Thu, 27 Jun 2024 16:26:07 +0800
Subject: [PATCH] =?UTF-8?q?browser-element:=20=E8=B0=83=E6=95=B4=E7=A4=BA?=
 =?UTF-8?q?=E4=BE=8B=EF=BC=9A=E5=8C=85=E5=90=AB=E5=92=8Cuni-app=E9=87=8D?=
 =?UTF-8?q?=E5=90=8D=E7=BB=84=E4=BB=B6=E7=9A=84=E6=83=85=E5=86=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../browser-element/browser-element.uvue      | 30 +++++++------------
 1 file changed, 11 insertions(+), 19 deletions(-)

diff --git a/pages/template/browser-element/browser-element.uvue b/pages/template/browser-element/browser-element.uvue
index ad5d1bfa..d4d822c1 100644
--- a/pages/template/browser-element/browser-element.uvue
+++ b/pages/template/browser-element/browser-element.uvue
@@ -2,12 +2,13 @@
   <view class="page">
     <page-head :title="title"></page-head>
     <view class="page-body">
-      <!-- 如何使用浏览器内置 element -->
-      <text>使用浏览器内置的 a 标签</text>
-      <view ref="html-element-area"></view>
+      <text class="title">使用浏览器内置的 a 标签</text>
+      <view>
+        <a href="https://doc.dcloud.net.cn/uni-app-x/" target="uni-app-x">uni-app x，是下一代 uni-app，是一个跨平台应用开发引擎</a>
+      </view>
 
-      <text class="html-tips">HTML语法</text>
-      <text class="html-tips-link">{{linkTips}}</text>
+      <text class="title">使用浏览器内置的 button 标签(浏览器内置标签和 uni-app 重名的情况)</text>
+      <view ref="html-element-area"></view>
     </view>
   </view>
 </template>
@@ -16,17 +17,14 @@
   export default {
     data() {
       return {
-        title: '浏览器 element',
-        linkTips: `<a href="https://doc.dcloud.net.cn/uni-app-x/" target="uni-app-x">uni-app x，是下一代 uni-app，是一个跨平台应用开发引擎</a>`
+        title: '浏览器 element'
       }
     },
     onReady() {
       const element = this.$refs['html-element-area'] as HTMLElement;
-      const linkElement = document.createElement('a') as HTMLLinkElement;
-      linkElement.href = 'https://doc.dcloud.net.cn/uni-app-x/';
-      linkElement.innerText = 'uni-app x，是下一代 uni-app，是一个跨平台应用开发引擎';
-      linkElement.setAttribute('target', "uni-app-x");
-      element.appendChild(linkElement);
+      const buttonElement = document.createElement('button') as HTMLButtonElement;
+      buttonElement.innerText = 'browser button';
+      element.appendChild(buttonElement);
     }
   }
 </script>
@@ -36,13 +34,7 @@
     padding: 15px;
   }
 
-  .html-tips {
+  .title {
     margin-top: 15px;
   }
-
-  .html-tips-link {
-    font-size: 12px;
-    margin-top: 5px;
-    opacity: .7;
-  }
 </style>
-- 
GitLab