0%

问题现象

  • 效果

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

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

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

解决思路

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

解决方法

最后效果

总结

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

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

概要内容

  • 排查问题
  • 解决办法

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

排查问题


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

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

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

阅读全文 »

概要内容

  • 问题描述
  • 解决方法

问题描述


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

https://cdn.jsdelivr.net/gh/yxw007/BlogPicBed@master//img/20211021093914.png

调整之前结构

  • 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参数

实现效果:

https://cdn.jsdelivr.net/gh/yxw007/BlogPicBed@master//img/20210602132458.png

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


阅读全文 »

概要内容

  • 通过vue.config 实现
  • 示例

通过vue.config 实现


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

阅读全文 »