Using vue and element-ui to make a set of management system adapted to PC and mobile terminal

what should I do if I want to use the same address and make it responsive? Is it to judge that the PC end will use element-ui, as the mobile terminal and use mint-ui, to write two sets? Or how to do it?

A very small management system is shown in the picture clipboard.png

Mar.09,2021

using two sets of ui is too complex and difficult to maintain. It is recommended to find an adaptive UI component, which requires only one set of code.


one set

  1. layout component adaptation
  2. content part by percentage
  3. encounters small screens one by one down in order, and the layout is less nested

if you want a good user experience, two sets are recommended. If it is a Buddhist sect, how can you do it simply


it is recommended to write one set, and the mobile end still accesses it as pc:

reason:

  1. some backend operation data, such as shuttle box, basically stops in mobile browsing mode. If you want to be compatible with mobile, you need to design another operation mode under mobile, and the data structure needs to be adjusted accordingly, which is very difficult to maintain.
  2. the operation mode of the mobile terminal is completely different from that of the pc terminal. You have to weigh the problem of ui design and operation.
  3. The
  4. response is just the style, and the real trouble is the operation.
Menu