undefinedfix
Sign in

MT of mint UI - The tabbar display is just a little bit. Is it the problem of CSS introduction?

ready2werk edited in Tue, 30 Aug 2022

The MT tabbar display of mint UI is just a little bit. Is it the problem of CSS introduction? The same is true for mobile phones, but it seems that the introduction of CSS is normal.

clipboard.png

webpack.config.js Writing method:

 {
      test: /\.css$/,
      include: [
          /src/,
          '/node_modules/mint-ui/lib/'
      ],
      use:[
      {loader:"style-loader"},
      {loader:"css-loader"},
      {loader:"style!css"},
      ]
  }

main.js

import 'mint-ui/lib/style.css'

Look at the console, the CSS load is normal.

clipboard.png

Please help me to see what's wrong with this? It's the same with mobile phones, just a little tab.

3 Replies
Safder
commented on Wed, 31 Aug 2022

Is the page not zoomed

dinara_pulseway
commented on Wed, 31 Aug 2022

Paste a CSS configuration, CSS and Vue should be configured

{
      test: /\.vue$/,
      loader: 'vue-loader',
      options: {
          css: [
              { loader: "vue-style-loader" },
              { loader: "css-loader" }
          ]
      }
},
{
      test: /\.css$/,
      use:[
          { loader: "vue-style-loader" },
          { loader: "css-loader" }
      ]
}
user3207899
commented on Wed, 31 Aug 2022

It uses a method similar to postcss - Does pxtorem's plug-in transform the style of component library? If so, you need to add the class prefix of the component library to the selecrorblack list /^\. mt \-/