当前位置:   article > 正文

小程序图片高度自适应等问题(1)_小程序图片自适应高度

小程序图片自适应高度

单行文本

text{

display: block;

font-size:28rpx;

color:#000000;

line-height: 40rpx;

height: 120rpx;

overflow: hidden;

white-space: nowrap;

text-overflow:ellipsis;

}12345678910

微信小程序电脑编写的时候出现的小问题

在电脑上进行调试了很久,很久,标题文字依然不能显示完全,死的心都要有了,后来用真假打开,我去,没任何毛病,一直以为是标题文字不能换行,打死自己,还有一个需要注意的文字,这里标题文字不要设置高度,应该让文字自己撑开,或者加padding之类的

这里写图片描述

微信小程序中,display:flex后,图片如果没有设置宽度,那么图片就会不见了,哼,明明pc端图片可以自己撑开的

微信小程序切换tabbar的时候,改变顶部标题,这里的标题与tabbar的文字无关的时候,

在页面的js的文件中,不是组件,是选项卡切换对应的页面的js文件中,进行编写

onLoad: function (options) {

wx.setNavigationBarTitle({

title: “我的”

})

},12345

也可进行动态修改

//example.js加载时动态设置页面标题

//获取应用实例

var app = getApp();

Page({

data: {},

onLoad: function (options) {

var that = this;

that.setData({

mername: options.mername//options为页面路由过程中传递的参数

})

wx.setNavigationBarTitle({

title: that.data.mername//页面标题为路由参数

})

},

onReady: function () {

// 页面渲染完成

},

onShow: function () {

// 页面显示

},

onHide: function () {

// 页面隐藏

},

onUnload: function () {

// 页面关闭
}

总结

=============================================================

从转行到现在,差不多两年的时间,虽不能和大佬相比,但也是学了很多东西。我个人在学习的过程中,习惯简单做做笔记,方便自己复习的时候能够快速理解,现在将自己的笔记分享出来,和大家共同学习。

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

个人将这段时间所学的知识,分为三个阶段:

第一阶段:HTML&CSS&JavaScript基础

第二阶段:移动端开发技术

第三阶段:前端常用框架

  • 推荐学习方式:针对某个知识点,可以先简单过一下我的笔记,如果理解,那是最好,可以帮助快速解决问题;如果因为我的笔记太过简陋不理解,可以关注我以后我还会继续分享。

  • 大厂的面试难在,针对一个基础知识点,比如JS的事件循环机制,不会上来就问概念,而是换个角度,从题目入手,看你是否真正掌握。所以对于概念的理解真的很重要。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/码创造者/article/detail/954037
推荐阅读
相关标签
  

闽ICP备14008679号