<el-dialog :visible.sync="detailsVisible" :modal="false" fullscreen :show-close="false" title="患者檢查單詳情" center :lock-scroll="true" 類似title的樣式 ...

原因： vue中在style設置時使用scope屬性 解決方法： 可采用局部與全局混寫的方法 ...

要修改dialog的樣式不能直接在<style scoped>中修改，這樣修改后不會生效。做法是把scoped去掉，然后在dialog標簽上自定義一個class，最好不要和其他的class同名，然后通過此class選擇器再去修改里面的相關樣式即可。 上例是修改彈框中內容 ...

使用屬性：custom-class 然后在css中根據這個類型編寫指定的樣式即可（比如寬高） 舉例： ...