免费国产欧美国日产_少妇AV一区二区三区无码_蜜桃精品av无码喷奶水小说_jk18禁网站视频_精产国品一二三级产品区别_被夫の上司に犯波多野结衣_78m成人手机免费看_最爽最刺激18禁视频_偷偷色噜狠狠狠狠的777米奇

易優(yōu)GEO 重磅上線 ~ 一站式GEO優(yōu)化工具,讓豆包、文心一言、DeepSeek 在回答中主動推薦你的品牌,搶占AI流量入口!  點擊查看

小程序模板網(wǎng)

ngrok 服務(wù)搭建內(nèi)網(wǎng)穿透,多張image圖片排列有空隙解決方案

發(fā)布時間:2018-02-06 15:34 所屬欄目:小程序開發(fā)教程


我們建議下載的時候最好把文件放在一個比較容易找的地方,如果是我,我會更改一下文件名,而且是英文的。

第二步、解壓到相應(yīng)文件夾 
建議直接解壓到d盤根目錄,這樣你就可以直接cd 進入這個客戶端文件夾了,比如我們的客戶端,你需要 cd 64bits_client 。(我的放置在F:\exploitTools\newNgrok)

第三步、打開命令行 
如果想用系統(tǒng)自帶的命令行,點擊開始,輸入cmd;如果有g(shù)it bash,相信我也不用多說了。

第四步、進入剛才的解壓包 
執(zhí)行 ngrok -config=ngrok.cfg -subdomain xxx 80 //(xxx 是你自定義的域名前綴)。

第五步、(補充)想好你的唯一域名 
我還是想提醒一下,確保你的域名前綴唯一,這里的方式有很多,比如你的qq或者你的手機號碼,甚至你的微信號,這可以對你的項目起到一定的保護作用。

第六步、(補充)打開你的本地服務(wù)器 
比如經(jīng)常有小伙伴會忘記打開自己的apache或者nginx等等,這會讓你浪費很多時間,很不值得。不妨先訪問127.0.0.1:80確保訪問正常,再開始使用ngrok。

有問題可以進這個相應(yīng)網(wǎng)站咨詢,ngrok.2bdata.com

工具地址:http://files.cnblogs.com/files/tianzhongshan/newNgrok.zip

二:多張image圖片排列有空隙解決方案

分享者:云階月地,原文地址 
上個項目是賣東西的,商品詳情傳的組圖,排上去后發(fā)現(xiàn)每張圖片下有大概10+rpx的下邊距,顯得很不好看。查了一下貌似是
小程序的默認(rèn)樣式。沒找到解決方案,看到有說用微信編輯器傳圖的,好像很麻煩就沒去試,自己琢磨了兩種方法。

原本不做處理的樣子: 


  1. .det-pics-w image {
  2. width: 100%;
  3. min-height: 630rpx;
  4. }
  5.  
  6. .det-pics-w {
  7. position: relative;
  8. }

第一種解決方案:flex


  1. .det-pics-w image {
  2. width: 100%;
  3. min-height: 630rpx;
  4. }
  5.  
  6. .det-pics-w {
  7. position: relative;
  8. display: flex;
  9. flex-direction: column;
  10. }

第二種解決方式:margin-top負(fù)值


  1. .det-pics-w image {
  2. width: 100%;
  3. min-height: 630rpx;
  4. margin-top: -12rpx;
  5. }
  6.  
  7. .det-pics-w {
  8. position: relative;
  9. }

兩種都可以去掉這個間隙。效果如下 


易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://www.szcjxy.com/wxmini/doc/course/21629.html 復(fù)制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢: 點擊咨詢
在線客服