Mise en page, positionnement absolu et code des boutons dans le mini programme

Le contenu de cet article concerne la mise en page, le positionnement absolu et le code des boutons dans le mini-programme. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

  <view class="dibu">
  <input  value=&#39;{{inputVal}}&#39; bindinput=&#39;inputTyping&#39; class="wz" bindinput=&#39;inputTyping&#39; placeholder="请输入私信内容" placeholder-style=&#39;color:#bdbdbd;line-height:68rpx;margin-left:30rpx;font-size:30rpx;&#39; />
  <view bindtap="blurfocus" class="fasong">发送</view>
  </view>

.dibu{
position:fixed;
bottom:2px;
float:left;
border:2px solid #f5f5f5;
width:99%;
height:70rpx;
background:white;
}

.wz{
    /* border:1px solid red; */
height:68rpx;
font-size:46rpx;
width:630rpx;
float:left;
border:1px solid #8EE5EE;
border-radius:10rpx;
}
.fasong{
    float:right;
height:70rpx;
margin-right:7rpx;
width:90rpx;
line-height:66rpx;
text-align:center;
border-radius:10rpx;
font-size:28rpx;
background:#8EE5EE;

}

Vous devez utiliser un bouton pour le partage, mais vous devez personnaliser le bouton (style="border:0;" plain="true" open-type= "share")

<view class="viewh" wx:if="{{sharpicture==4}}">
    <view class="tp"><image class="tpimg" src="../../static/images/yqxg.png"/></view>
    <view class="imgtxt">你粗糙纹理好过<text style="font-size:60rpx;">{{facedata.defaultdata.wenli}}%</text>的人
    </view>
    <button class="share" style="border:0;" plain="true"  open-type="share">
   <image  src="../../static/images/share.png"/></button>
</view>

Le partage doit apporter de bons paramètres, sinon il sera vide ou la page n'existera pas si les autres ne la voient pas

 onShareAppMessage: function (ops) {
        console.log('分享了');

        if (ops.from === 'button') {
            // 来自页面内转发按钮
            console.log(ops.target)
        }
        return {
            title: '哈哈哈',
            path: '/pages/facialEvaluate/facialEvaluate?faceFourdataId=' + this.data.faceFourdataId +'&userId='+this.data.userId,
           //path:'',
            success: function (res) {
                // 转发成功
                console.log("转发成功:" + JSON.stringify(res));
            },
            fail: function (res) {
                // 转发失败
                console.log("转发失败:" + JSON.stringify(res));
            }
        }

    },

Recommandations associées :

Que diriez-vous de l'applet WeChat Obtenez le lien musical (image et texte)

Résumé des méthodes pour revenir à la page précédente avec les paramètres dans l'applet WeChat ( trois types)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!