问题现象

• 效果

• xml 文档结构(说明：把父节点 list 的 width 设置成 auto 和 100%都没有效果)

• 设置成大的具体值起效了

说明：单纯的 image 未能正确把父节点撑开

解决思路

实在看不出啥问题，就将此列表与一个正常列表对比参数，没有发现问题，唯一的区别就是用 item 包裹一层。结果一试竟然可以..（具体原因未找到，如果有知道的小伙，麻烦告诉我一下）

解决方法

最后效果

总结

• 看不出问题就直接采用对比法

以上：如发现有问题，欢迎留言指出，我及时更正

概要内容

• 排查问题
• 解决办法

由于最近新开了一个项目，在引入阿里巴巴字体图标库后，字体图标显示正常，但是怎么修改字体颜色都无效。

排查问题

只能逐步情况排查问题了，排查情况如下

• 新项目+新字体：修改字体颜色无效×
• 之前使用HbuildX构建的项目 + 之前字体：修改字体颜色正常√
• 之前使用HbuildX构建的项目 + 新字体：修改字体颜色无效×
• 新项目+老字体：修改字体颜色无效√

锁定问题：新下载的字体资源问题

概要内容

• 问题描述
• 解决方法

问题描述

起因：一个vue页面组件都2645行，而且功能有多，实在太难维护，所以决定进行功能拆分重构。

调整之前结构

• PageScene.vue

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

<template>
		...
		<!-- #ifdef APP-PLUS || H5 -->
    <canvas
      canvas-id="canvas"
      class="canvas"
      :style="{ width: canvasWidth, height: canvasHeight }"
    ></canvas>
    <!-- #endif -->

    <!-- #ifndef APP-PLUS || H5 -->
    <canvas
      canvas-id="canvas"
      id="canvas"
      class="canvas"
      :style="{ width: canvasWidth, height: canvasHeight }"
    ></canvas>
    <!-- #endif -->
		...
</template>

概要内容

• 需求效果
• 解决方案一：利用rich-text的v-html属性
• 解决方案二：利用rich-text的nodes参数

实现效果：

这行文字包含3部分，前：“您当前有”，中：“3”，后：“个客户”，最直接的方案就是用三个view标签搞定。我想万一有很多段需要特殊突显显示怎么办法？这种直接办法就不可取了，所以去官网了解富文本组件。

概要内容

• 通过vue.config 实现
• 示例

通过vue.config 实现

由于我们公司业务需求，同一份uniapp项目代码需搞出两个不同名称的小程序，所以每次切换项目配置时，需要改好几处配置信息。根据以前的经验，就是通过webpack编译时，动态选择不同的配置。看到工程项目结构后我傻眼了，编译相关的uniapp 框架完全封装集成完，让人无需关系。可问题是我现在需要啊~… 😭