Common CSS compatibility problems

Solve mobile end scroll bar stuck

Add to the parent element on CSS

.father-contain{
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

Remove ios input box, drop down box, input field click shadow

-webkit-tap-highlight-color:transparent;

Ios fixed location content sliding problem

Place the fixed position and the content to slide on the sibling node, and set it to absolute position if the content will lag when sliding

Vue components are reused

Write key equal to different values on the component

Layout problems

A page with an all-white background but a layer of other colors is best done using pseudo-class methods

The vUE routing history mode is faulty

For example, 192.168.1.40:8080/#/ to add some parameters to the first page, you can do this: 192.168.1.40:8080/? channel=1&mType=2#/