原创 自定義微信小程序組件 滾動提示欄
微信小程序組件 滾動提示欄 效果如下 wxml <view wx:if="{{ show }}" class="i-class i-noticebar" style="color: {{ color }}; background-c
原创 微信小程序 實現倒計時
微信小程序 實現倒計時 效果如下: 1.wxml <view class='l_lasttime'><label>距離限時特價僅剩</label> <view class="container"> <text>{{clock}}</
原创 微信小程序 scroll-view隱藏豎向滾動條
微信小程序 scroll-view隱藏豎向滾動條 在wxss裏面添加 ::-webkit-scrollbar{ width: 0; height: 0; color: transparent; }
原创 微信小程序 下拉菜單
微信小程序 下拉菜單 效果: 1.wxml <!-- 下拉菜單 --> <view id="swiper-tab"> <view class="swiper-tab"> <view class="swiper-tab-li
原创 微信小程序 swiper滑動導航
微信小程序 swiper滑動導航 (高度可以自適應,我用的是可以的) 效果: 1.wxml <!--pages/message/message.wxml--> <view class="swiper-tab"> <view cla
原创 微信小程序加虛線
微信小程序加虛線 border-left: 1rpx dashed #F2F2F2;
原创 微信小程序 文本超出顯示省略號 css
文本超出顯示省略號 css 1.單行 overflow:hidden; //超出隱藏 text-overflow:ellipsis; //溢出顯示用省略號 white-space:nowrap; //溢出不換行 2.多行 overflo
原创 微信小程序鏈接後臺接口,進行數據交互
微信小程序鏈接後臺接口,進行數據交互 新手學微信小程序,設計頁面還可以,有沒有讓進行數據交互的時候就不知道怎麼弄了,下面就記錄一下我是怎麼進行交互的 1.登陸微信小程序平臺,進入首頁,點擊開發設置 2.配置服務器域名 重要的是把配置了
原创 給價格或者數字加橫線
我用微信小程序作爲例子: wxml <view class='hismoney'>¥{{money}}</view> <view class='nowmoney'>¥{{money}}</view> js data: {
原创 微信小程序點擊按鈕簽到
微信小程序點擊按鈕簽到 1.wxml <!-- 點擊簽到 --> <view class='signIn'> <view class='sign-com'> <view class='thead'>
原创 微信小程序實現折現圖
微信小程序實現折現圖 1.需要在網上下載wxcharts.js包,地址:https://www.oschina.net/p/wx-charts 2.wxml <view class='charts'> <canvas canvas-id
原创 點擊其他地方div消失
點擊其他地方div消失 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>點擊其他地方div消失</title> <style>
原创 鼠標懸停在圖片的時候圖片放大再還原
鼠標懸停在圖片的時候圖片放大再還原 1.html: <div class="row row-padded-mb"> <div class="col-md-12 yicheng">
原创 冒泡排序
冒泡排序 冒泡排序它重複地走訪過要排序的元素列,依次比較兩個相鄰的元素,如果他們的順序(如從大到小、首字母從A到Z)錯誤就把他們交換過來。走訪元素的工作是重複地進行直到沒有相鄰元素需要交換,也就是說該元素已經排序完成。 冒泡排序算法的原理
原创 JS實現無縫滾動思路及代碼
JS實現無縫滾動思路及代碼 原理: 1.給ul一個絕對定位使其脫離文檔流,left設置爲0,把圖片塞進ul裏,編寫一個“移動"函數,函數功能能夠使ul的left以一個正速度向右跑動, 2.設置一個定時器,讓"移動"函數每30(參數可變)毫