写微信小程序的问题总结

不念不忘少年蓝@ 2023-07-03 08:20 5阅读 0赞

遇到的问题有：

1，多国语言的切换；

2，小程序登录功能首次写，逻辑不熟；

3，从js文件中获取的字符串显示在页面上要空两格；

4，在app.json文件中，更改小程序的首页后（即更改pages数组的第一个元素），上传代码后，对体验码扫码，发现首页不是之前设置的首页；

5，radio-group 组件的使用；

6 ，在日语情况下，wx.showModal(Object object)    模态对话框不显示；

解决方案：

## 问题1， ##

解决地址：[https://blog.csdn.net/yinge0508/article/details/104197038][https_blog.csdn.net_yinge0508_article_details_104197038]

## 问题2， ##

解决地址：

## 问题3， ##

解决：  所要显示的字符串前面要加上 \\t    ;css样式要加上属性：white-space: pre-wrap;

white-space属性的几个属性值讲解，

<table> 
 <tbody> 
  <tr> 
   <th>值</th> 
   <th>描述</th> 
  </tr> 
  <tr> 
   <td>normal</td> 
   <td>默认。空白会被浏览器忽略。</td> 
  </tr> 
  <tr> 
   <td>pre</td> 
   <td>空白会被浏览器保留。其行为方式类似 HTML 中的 &lt;pre&gt; 标签。</td> 
  </tr> 
  <tr> 
   <td>nowrap</td> 
   <td>文本不会换行，文本会在在同一行上继续，直到遇到 &lt;br&gt; 标签为止。</td> 
  </tr> 
  <tr> 
   <td>pre-wrap</td> 
   <td>保留空白符序列，但是正常地进行换行。</td> 
  </tr> 
  <tr> 
   <td>pre-line</td> 
   <td>合并空白符序列，但是保留换行符。</td> 
  </tr> 
  <tr> 
   <td>inherit</td> 
   <td>规定应该从父元素继承 white-space 属性的值。</td> 
  </tr> 
 </tbody> 
</table>

## 问题4， ##

解决：在app.json文件中，pages数组中的第一个元素是小程序的首页，上传小程序后，看一下

![20200206164242611.png][]

修改页面路径下的路径是不是和pages数组中的第一个元素相同；应该设置成相同才对；

## 问题5， ##

解决地址：[https://blog.csdn.net/yinge0508/article/details/104198619][https_blog.csdn.net_yinge0508_article_details_104198619]

## 问题6， ##

解决：wx.showModal(Object object)    模态对话框在语言是日语的情况下，对话框不显示，该对话框是微信小程序本身的一个对话框，无奈，只能自己写一个对话框，缺点是不能讲头部菜单栏和底部tab栏盖住；

# #

[https_blog.csdn.net_yinge0508_article_details_104197038]: https://blog.csdn.net/yinge0508/article/details/104197038
[20200206164242611.png]: https://img-blog.csdnimg.cn/20200206164242611.png
[https_blog.csdn.net_yinge0508_article_details_104198619]: https://blog.csdn.net/yinge0508/article/details/104198619