diff --git a/pages/template/browser-element/browser-element.uvue b/pages/template/browser-element/browser-element.uvue index ad5d1bfae72c8e0f4d76a2590547d0e289f64972..d4d822c15de5aaaaac67c19545a5fb6de6246ce1 100644 --- a/pages/template/browser-element/browser-element.uvue +++ b/pages/template/browser-element/browser-element.uvue @@ -2,12 +2,13 @@ - - 使用浏览器内置的 a 标签 - + 使用浏览器内置的 a 标签 + + uni-app x,是下一代 uni-app,是一个跨平台应用开发引擎 + - HTML语法 - {{linkTips}} + 使用浏览器内置的 button 标签(浏览器内置标签和 uni-app 重名的情况) + @@ -16,17 +17,14 @@ export default { data() { return { - title: '浏览器 element', - linkTips: `uni-app x,是下一代 uni-app,是一个跨平台应用开发引擎` + 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); } } @@ -36,13 +34,7 @@ padding: 15px; } - .html-tips { + .title { margin-top: 15px; } - - .html-tips-link { - font-size: 12px; - margin-top: 5px; - opacity: .7; - }