技術標籤：uniapp前端uni-app

要在地圖上搞一個輸入框，我們肯定呀稍微修改下 輸入框的樣式

這個時候 由於我們的地圖是 原生元件 層級最高 所以就用subNvue 來實現 在地圖上覆蓋元件的功能

這個時候設定樣式上出了點問題

<template>
	<div>
		<input class="input" type="text" value="hello world" />
	</div>
</template>

<script>
	export default {
		
	}
</script>
<style>
	.input { color: #f00; border-width: 2px; border-color: #FF0000; }
	.input { color: #f00; border: 2px solid #ff0;}
</style>
 

注意事項:

1. 直接 input 那樣 調整樣式是不行的 必須設定個類名進行樣式調整哈

2. 有些簡寫的樣式 比如 boder: 1px solid #f00； 它是不生效的 你得拆開來寫 很難受的

這個要有人童鞋 用過nvue的話 可能就很簡單了 但是 對於博主這個 兼職 都不算的uniapp 算是瞭解者吧 太難了 太痛苦了

關於 nvue在 uniapp 中的樣式 問題 想看詳情的注意事項 請移步 : https://uniapp.dcloud.io/nvue-css

關注我 持續更新前端知識