微信小程序怎么设置没授权时的背景

Posted 2023-04-25

微信小程序设置没授权时的背景的方法：
1、 添加背景图（两步曲）
（1）、先在wxml里写一个块，块里包含一张图片即可，其实不加块也行，单独的一张图片就行了。
登录后复制
（2）、在wxss里，咱们定义这个图片的规格就行了，那个块里面的”content”可以不去做任何处理登录后复制
*解释：position据我的理解是，你要设置背景图，你肯定除了背景之外，还要有其他组件的，如果你就是想做个壁纸小程序的话，那你不用写这个，并且请你跳过后面的解释。
那这样，假如你有两个或多个组件，这里我们假设只有两个组件，第一个就是背景图，第二个也是个图片，这有两张图片，那你在wxml中写代码一般都是这样
这样你去运行保存的话，他就会呈现出两个上下分布的块，并没有出现背景图的效果，这个时候，我们就加个posittion : flexd，让上面的背景随便伸缩到任意一个位置，不会呈现出区域化的问题了，并且还要加z-index：-1，这是为了使背景图这个块变成最底层，各种好看的页面都是一层一层的，而这种层数不管再多，你人眼都观察不出它的厚度的好嘛。 参考技术A 1、先在wxml里写一个块，块里包含一张图片即可，其实不加块也行，单独的一张图片就行了。
2、在wxss里，咱们定义这个图片的规格就行了，那个块里面的”content”可以不去做任何处理登录后复制。

微信小程序 入门

目录结构：

•  app.json  .小程序的全局配置 

1. pages：  当前小程序所有页面路径。
2. window：小程序所有页面的顶部背景颜色，文字颜色定义在这里。
3. tabBar：  设置底部 tab 
4. networkTimeout：设置网络超时时间
5. debug：设置是否开启 debug 模式

• project.config.json .工具配置(开发项目时的个性化配置)

• app.js 小程序入口

组件:

  1.scroll-view   

 　　enable-back-to-top 属性在开发者工具中没有体现，手机预览有作用。

 　　style="height:{{windowHeight}}" 必须设置高度值不能用百分比，采用js获取视口高度 getSystemInfo函数

   　　js文件：wx.getSystemInfo({

　　　　　　　　success: function (res) {

        　　 　　 　　self.setData({

             　　 　　  windowHeight: res.windowHeight + "px",

        　　 　　　　})

    　　　　　　 }　　

　　　　　　 })

 2.view

        列表循环实现：

<view wx:for="{{songList}}" wx:key="songName" class=‘flex-wrp bc_songList‘ style="background-color:{{index%2==0?‘‘:‘wheat‘}}"> //根据行号 动态生成行背景颜色

<view>

　　<image style=‘width:32px;height:32px‘ mode="aspectFit" src="/static/icons/songList.png"></image>

</view>

<view>{{index+1}}.</view>

<view>{{item.songName}}</view>

</view>

框架：

    wx:if="{{item.play==false}}"   wx:else   //条件是true是false 一定要写（坑）