>위챗 애플릿 >미니 프로그램 개발 >미니 프로그램의 페이지 레이아웃, 절대 위치 지정 및 버튼 코드

미니 프로그램의 페이지 레이아웃, 절대 위치 지정 및 버튼 코드

不言
不言원래의
2018-08-10 16:43:114092검색

이 기사의 내용은 미니 프로그램의 페이지 레이아웃, 절대 위치 및 버튼 코드에 대한 내용입니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

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

}


공유하려면 버튼을 사용해야 하지만 버튼을 맞춤설정해야 합니다. (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>

공유는 좋은 매개변수를 가져와야 합니다. 그렇지 않으면 다른 사람들이 접근할 수 없습니다. 모두 비어 있거나 페이지가 존재하지 않습니다.

 onShareAppMessage: function (ops) {
        console.log(&#39;分享了&#39;);

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

    },

관련 권장 사항:

WeChat 애플릿에서 음악 링크를 얻는 방법(그림 및 텍스트)

돌아가는 방법 요약 WeChat 애플릿의 매개변수가 포함된 이전 페이지(3가지 유형)

위 내용은 미니 프로그램의 페이지 레이아웃, 절대 위치 지정 및 버튼 코드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.