uniapp开发微信小程序

记录几个问题：

• 采用的是公司封装的组件库，需要在page.json的"easycom"字段中配置"custom"字段，引入第三方组件库

• 组件库中的.vue文件中的style如果有嵌套写法，必须加上lang="scss"，不然会被当做css处理，而css又不支持嵌套

• 组件库里面各自组件的文件引用必须要正确

• 组件库中如果有针对全局根元素的样式设置，需要加上page元素，小程序根元素是page

• 如果组件库样式文件有使用css var，其中默认值是不生效的，比如 var(--line-height, '10px')，如果--line-height是undefined，也会取不到默认值，所以要给--line-height设置一个默认值。

• 微信小程序引入的第三方组件会在外层包一层组件名的元素  

       如:  在页面中使用到的是一个 XButton组件，那么在小程序中编译后会是这个样子

<page>
    <x-button bind:__l="__l" is="node-modules/xui/src/components/XButton/XButton">        <button>我是一个按钮<button>
    </x-button>
</page>

  那么即使设置了button的宽度是100%，也需要x-button这个元素的宽度是100%才会生效。

如有不对，请指教。