Seitenlayout, absolute Positionierung und Schaltflächencode im Miniprogramm

Der Inhalt dieses Artikels befasst sich mit dem Seitenlayout, der absoluten Positionierung und dem Schaltflächencode im Miniprogramm. Ich hoffe, dass er für Sie hilfreich ist.

  <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;

}

Sie müssen eine Schaltfläche zum Teilen verwenden, aber Sie müssen die Schaltfläche anpassen (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>

Das Teilen muss gute Parameter bringen, sonst ist es leer oder die Seite existiert nicht, wenn andere sie nicht sehen

 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));
            }
        }

    },

Verwandte Empfehlungen:

So erhalten Sie Musiklinks im WeChat-Applet (Bilder und Texte))

Zusammenfassung der Methoden zum Zurückkehren zur vorherigen Seite mit Parametern im WeChat-Miniprogramm (drei Typen)

Das obige ist der detaillierte Inhalt vonSeitenlayout, absolute Positionierung und Schaltflächencode im Miniprogramm. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!