1. 程式人生 > >讓小程式支援點選任何元素都能觸發轉發

讓小程式支援點選任何元素都能觸發轉發

小程式觸發轉發有兩種方式

1.點選右上角進行轉發

2.通過為button加上open-type="share",可實現觸發轉發

其它元素是沒辦法觸發轉發的,解決方案如下

在想要觸發的非button元素上,加一個隱形的button,就可以解決了

.sharebtn{
	width: 25px;
	height: 25px;	
	opacity:0;
	position: absolute;
	top: 10px;
	right: 10px;
}
微信掃碼,體驗更多開發案例

相關推薦

程式支援選任元素觸發轉發

小程式觸發轉發有兩種方式 1.點選右上角進行轉發 2.通過為button加上open-type="share",可實現觸發轉發 其它元素是沒辦法觸發轉發的,解決方案如下 在想要觸發的非butto

程式學習--贊元件(支援複用)

首先看下元件的wxml程式碼: <view bind:tap="onlike" class="container"> <image src="{{like?yesSrc:noSrc}}" /> <text>{{count}}</text&

如何微信程式支援Cookie

  微信原生的 wx.request 網路請求介面並不支援傳統的 Cookie,但有時候我們現有的後端介面確於依賴 Cookie(比如伺服器使用者登入態),[weapp-cookie]這個庫可用一行程式碼為你的小程式實現 Cookie 機制,以保證基於 cookie 的服

程式實現 選加入購物車 紅拋物線飄入

1:實現效果;   2:index.wxss //只寫紅點樣式 .good_box { width: 30rpx; height: 30rpx; position: fixed; border-radius: 50%; overflow: hidden

微信程式注意與快捷鍵

注意點1. 微信對小程式的要求是整體大小不能超過1MB。 2. .json 是配置檔案,其內容必須符合JSON格式,所以檔案內部不允許有註釋。 3. app.json 是全域性配置檔案,微信小程式中的每一個頁面的【路徑+頁面名】都需要寫在 app.json 的 pages 中,且 pages 中的第一個頁面是

程式學習--選按鈕實現分享(元件複用)

首先,第一步,建立一個按鈕的元件,方便複用,當點選按鈕時候,會跳出是否授權的對話方塊: 元件的wxml程式碼: <button  bind:getuserinfo="onGetUserInfo" open-type="{{openType}}" plain="{{true}}

JavaScript——除指定區域外選任地方隱藏DIV

效果實現: 點選按鈕選單出現:                                    點選選單外則收

微信程式實現贊、取消贊功能

最近接觸到小程式,發現很有意思,在專案中遇到了一點小問題,就是點贊+取消點贊有些衝突,還有就是多項的點選,話不多說咱們直接上程式碼! 效果圖 wxml ? 1

程式又放大招,程式支援直播,快來看看你能夠開發自己的直播程式嗎?

小程式又放大招,小程式支援直播,快來看看你能夠開發自己的直播小程式嗎? https://blog.csdn.net/towtotow/article/details/78923839 https://blog.csdn.net/u012536034/article/details/80524748 &n

微信程式選圖片進行預覽

微信小程式:點選圖片進行預覽   在開發需求中,經常有類似與九宮格的圖片展示,當點選圖片時進行圖片的預覽,如果多圖的情況還可以左右滑動。 小程式中具體實現效果如下: WXML <view class='imgList'>     &nbs

微信程式——評論贊功能

實現的最終效果圖 1.點贊功能 前端頁面結構 1 <view class='talk-item-zan'> 2 <view bindtap='favorclick' data-id='{{item.id}}' data-islike="{{

微信程式圖片選放大

WXML <view class='imgList'> <view class='imgList-li' wx:for='{{imgArr}}'> <image class='img' src='{{i

程式選複選框改變繫結的標籤樣式

這是一篇嘔心瀝血的小程式教程 從昨天下午到現在才弄明白的實現方法 如果你有更好的方法 請分享給我吧~ 需求是這樣的 哪個被選中就改變哪個的樣式  我放的明明是動態圖 但是它不動我也沒辦法 正常來說這個用jq來做是非常簡單的 但是小程式中沒辦法操作Dom 所以這個過

智店雲管家~程式迴歸服務本質

智店雲管家是我們新推出一款專注於會員管理與會員營銷的雲管家系統,加上原有的商城系統,讓小程式的關注重點回歸到小程式的本質。讓小程式真正的幫到店裡的管理場景,做好已有流量的管理和疏導。 獨創的與微信繫結的卡片技術,讓店鋪的會員卡管理更科學,不再受丟失,忘帶,找不到的困擾。 可以

程式選按鈕複製文案

index.js程式碼 Page({ /* 頁面的初始資料 */ data: { order_ids: "http://t.cn/Rgh0o1T" }, // 一鍵複製事件 copyBtn: function (e) { var that = this; w

程式--JS選按鈕得到使用者授權得到資訊

首先,第一步,建立一個按鈕的元件,方便複用,當點選按鈕時候,會跳出是否授權的對話方塊: 元件的wxml程式碼: <button bind:getuserinfo="onGetUserInfo" open-type="{{openType}}" plain="{{t

程式按鈕選css效果(你很需要!)

小程式自帶的button元件是有點選效果的,但是一旦自定義了class你發現 他就是一個方塊,點了也是那樣靜靜的呆在那裡,沒有視覺點選感……往往大多數情況下,我們都要自己定義按鈕樣式 於是自己寫了一套通用的小程式點選按鈕效果 app.sxss .btn-hove

微信程式選圖片預覽

做微信小程式的時候使用的圖片大小不盡相同,為了讓使用者能夠瀏覽原圖,就需要給圖片新增點選預覽的功能,下面我詳細介紹一下實現步驟, 首先介紹微信小程式文件中的使用教程: 微信小程式官方文件:https://developers.weixin.qq.com/miniprogram/dev/

微信程式例子——選文字實現頁面跳轉

1、效果展示 .w 2、關鍵程式碼 index.js檔案 Page({ data:{ // text:"這是一個頁面" }, onLoad:function(options){

程式 · 雲開發”重磅上線,程式開發更高效!

近日,“小程式 · 雲開發”解決方案正式上線,該方案可以為小程式開發者提供完整的雲端支援。通過簡