黑馬商城專案 商城分類頁 右側滑動2

2021-08-11 04:59:58 字數 1897 閱讀 3435

自定義itcast.iscroll

if(!window.itcast);

}itcast.iscroll = function

(args);

itcast.iscroll.prototype =

// console.log( that.parentdom);

/*如果不存在父容器就停止初始化*/

if(!that.parentdom) return

false;

/*找到子容器*/

that.childdom = that.parentdom.children&&that.parentdom.children[0]?that.parentdom.children[0]:'';

/*如果不存在子容器就停止初始化*/

if(!that.childdom) return

false;

/*初始化傳入的引數*/

that.settings = {};

/*預設型別 預設的y軸滑動 如果不是y的話就是以x軸開始滑動*/

that.settings.swipetype = args.swipetype?args.swipetype:'y';

/*預設的緩衝滑動距離*/

that.settings.swipedistance = args.swipedistance>=0?args.swipedistance:150;

/*初始化滑動*/

that._scroll();

},/*對外開放的設定定位的方法*/

settranslate:function

(translate),

_addtransition:function

(), _removetransition:function

(), _changetranslate:function

(translate)else

},_scroll:function

()else

}"1 " + parentheight);

"2 " + childheight);

/*緩衝距離*/

var distance = that.settings.swipedistance;

/*區間*/

/*左側盒子定位的區間*/

that.maxpostion = 0;

that.minpostion = -(childheight-parentheight);

" 3 that.minposition" + that.minpostion);

/*設定滑動的當前位置*/

that.currpostion = 0;

that.startpostion = 0;

that.endpostion = 0;

that.movepostion = 0;

/*1.滑動*/

that.childdom.addeventlistener('touchstart',function

(e),false);

that.childdom.addeventlistener('touchmove',function

(e) },false);

window.addeventlistener('touchend',function

(e) /*想上滑動的時候*/

else

if((that.currpostion-that.movepostion) < that.minpostion)

/*正常的情況*/

else

that._reset();

},false);

},_reset:function

()};

黑馬vue商城 day06 訂單管理和專案視覺化

新建乙個citydata.js檔案 裡面存放城市的基本資訊 然後在 裡面引入 import citydata from citydata.js data timeline v for activity,index in progressinfo key index timestamp activit...

web商城專案筆記 2 商品分類資訊和商品資訊展示

1.商品分類資訊展示 2.首頁商品展示 3.單個商品展示 4.某個分類下 商品展示1.前端 1.使用封裝ajax傳送請求,無需引數 2.返回資料vo的.data屬性獲取分類物件 3.遍歷物件 4.他本身中的cname屬性為分類名字 5.拼接字串,把拼接好的標籤追加到div後 2.後端 1.瀏覽器沒有...

web商城專案筆記 5 分類商品分頁展示功能

1.首先之前修改的分類資訊的a標籤效果被清除,先修改為要跳轉的頁面.跳轉到list.html 2.每個分類展示的資料不同,要跳轉到哪個分類 需要拼接引數cid.3.要查詢分類需要cid所以要獲取引數cid 做分頁必須要有當前頁數pagenumber,也就是你告訴我要第幾頁的資料,獲取頁數引數.4.判...