首先把那个文字框view设置一个固定的高度(比如3行)微信小程序导航文字居中,overflow属性设为hidden,position属性设为relative。
“...”和“展开”放在同一个绝对定位(position为absolute)的view内,放在文字框内,定位在右下角,文字大小与文字框一致,这样当这个层显示时,就自然覆盖了文字框右下角,形成“... 展开”的效果微信小程序导航文字居中。
然后在js中计算文字简介的字数微信小程序导航文字居中,再根据文字框的字体宽度计算出总长度,除以文字框的宽度,如果计算结果大于3,就说明溢出了。这时可以通过setData通知wxml显示“... 展开”。
给“... 展开”绑定tap事件,点击后文字框的高度变为auto,这样溢出的部分就重新出现了,当然这时候要再次把“... 展开”隐藏微信小程序导航文字居中。
Page({
data:{
nullHouse:true, //先设置隐藏
},
onLoad:function(options){
// 页面初始化 options为页面跳转所带来的参数
},
onReady:function(){
// 页面渲染完成
},
onShow:function(){
// 页面显示
},
onHide:function(){
// 页面隐藏
},
onUnload:function(){
// 页面关闭
},
clickArea:function(){
var that = this;
this.setData({
nullHouse:false, //弹窗显示
})
setTimeout(function(){
that.data.nullHouse = true, //1秒之后弹窗隐藏
},1000)
},
})
先插入一个表格,那表格中就会有若干个单元格微信小程序导航文字居中。 然后有两个方法: 1.用phoposhop修改图片,在图片上写上文字,然后插入到网页的单元格中 2.就是把图片作为那个单元格的背景,再在单元格中输入文字即可。把图片做为背景要注意,把单元格的大小与图片的大小设置成一样大小。 单元格的属性栏?单击单元格后下方就自然显示出来啦,再点击属性栏左上方的<td>标签,那样,这个单元格就已经被选中了。 如果属性栏还没有显示出来,就要按Ctrl f3或点击 标题栏的窗口按钮-属性(点击属性即可)--此为dreamweaver8中的操作方式,其他应该也是差不了太多的
丙肝是什么病微信交流群,丙肝母婴贴吧
耳鸣微信交流群,全国耳鸣交流群
打呼噜微信交流群,怎么加入陌生微信群
「东莞车迷微信群」求个东莞的大众高尔夫微信群
「聋人微信和扣扣群」微信有聋哑人的群吗
「加入菏泽大型微信群」如何加入菏泽一中高三一部十八班微信群
「启动微信群名软件」微信群怎么设置不让别人改群名?
「微信红包群规则复制」微信红包群规章制度是什么样的?
「微信稀奇古怪总代群」我想在微信上卖稀奇古怪的玩意,一件代发的,不需要加盟费!有的留个
「微信群群主有哪些特权」微信群主有哪些特权?