diff --git a/app.json b/app.json index 3d7616f..b17d88c 100644 --- a/app.json +++ b/app.json @@ -1,14 +1,18 @@ { - "pages":[ - "pages/index/index", - "pages/logs/logs" - ], - "window":{ - "backgroundTextStyle":"light", - "navigationBarBackgroundColor": "#fff", - "navigationBarTitleText": "Weixin", - "navigationBarTextStyle":"black" - }, - "style": "v2", - "sitemapLocation": "sitemap.json" -} + "pages": [ + "pages/test/swiper", + "pages/test/scrollview", + "pages/test/view", + "pages/index/index", + "pages/logs/logs" + + ], + "window": { + "backgroundTextStyle": "light", + "navigationBarBackgroundColor": "#fff", + "navigationBarTitleText": "Weixin", + "navigationBarTextStyle": "black" + }, + "style": "v2", + "sitemapLocation": "sitemap.json" +} \ No newline at end of file diff --git a/pages/test/scrollview.js b/pages/test/scrollview.js new file mode 100644 index 0000000..9fdbb62 --- /dev/null +++ b/pages/test/scrollview.js @@ -0,0 +1,66 @@ +// pages/test/scrollview.js +Page({ + + /** + * 页面的初始数据 + */ + data: { + + }, + + /** + * 生命周期函数--监听页面加载 + */ + onLoad: function (options) { + + }, + + /** + * 生命周期函数--监听页面初次渲染完成 + */ + onReady: function () { + + }, + + /** + * 生命周期函数--监听页面显示 + */ + onShow: function () { + + }, + + /** + * 生命周期函数--监听页面隐藏 + */ + onHide: function () { + + }, + + /** + * 生命周期函数--监听页面卸载 + */ + onUnload: function () { + + }, + + /** + * 页面相关事件处理函数--监听用户下拉动作 + */ + onPullDownRefresh: function () { + + }, + + /** + * 页面上拉触底事件的处理函数 + */ + onReachBottom: function () { + + }, + + /** + * 用户点击右上角分享 + */ + onShareAppMessage: function () { + + } +}) \ No newline at end of file diff --git a/pages/test/scrollview.json b/pages/test/scrollview.json new file mode 100644 index 0000000..8835af0 --- /dev/null +++ b/pages/test/scrollview.json @@ -0,0 +1,3 @@ +{ + "usingComponents": {} +} \ No newline at end of file diff --git a/pages/test/scrollview.wxml b/pages/test/scrollview.wxml new file mode 100644 index 0000000..b7cf187 --- /dev/null +++ b/pages/test/scrollview.wxml @@ -0,0 +1,16 @@ + +pages/test/scrollview.wxml + + 1.纵向滚动 + + 第一页 + 第二页 + 第三页 + + 2.横向滚动 + + 第一页 + 第二页 + 第三页 + + \ No newline at end of file diff --git a/pages/test/scrollview.wxss b/pages/test/scrollview.wxss new file mode 100644 index 0000000..cd90d45 --- /dev/null +++ b/pages/test/scrollview.wxss @@ -0,0 +1,20 @@ +/* pages/test/scrollview.wxss */ +scroll-view{ + width: 100%; + height: 300rpx; + white-space: nowrap; +} +.scroll-item-y{ + height: 300rpx; + line-height: 300rpx; + font-size: 30px; + background-color: lightblue; +} +.scroll-item-x{ + width: 100%; + height: 300rpx; + line-height: 300rpx; + font-size: 30px; + background-color: lightcoral; + display: inline-block; +} \ No newline at end of file diff --git a/pages/test/swiper.js b/pages/test/swiper.js new file mode 100644 index 0000000..566279b --- /dev/null +++ b/pages/test/swiper.js @@ -0,0 +1,66 @@ +// pages/test/swiper.js +Page({ + + /** + * 页面的初始数据 + */ + data: { + + }, + + /** + * 生命周期函数--监听页面加载 + */ + onLoad: function (options) { + + }, + + /** + * 生命周期函数--监听页面初次渲染完成 + */ + onReady: function () { + + }, + + /** + * 生命周期函数--监听页面显示 + */ + onShow: function () { + + }, + + /** + * 生命周期函数--监听页面隐藏 + */ + onHide: function () { + + }, + + /** + * 生命周期函数--监听页面卸载 + */ + onUnload: function () { + + }, + + /** + * 页面相关事件处理函数--监听用户下拉动作 + */ + onPullDownRefresh: function () { + + }, + + /** + * 页面上拉触底事件的处理函数 + */ + onReachBottom: function () { + + }, + + /** + * 用户点击右上角分享 + */ + onShareAppMessage: function () { + + } +}) \ No newline at end of file diff --git a/pages/test/swiper.json b/pages/test/swiper.json new file mode 100644 index 0000000..8835af0 --- /dev/null +++ b/pages/test/swiper.json @@ -0,0 +1,3 @@ +{ + "usingComponents": {} +} \ No newline at end of file diff --git a/pages/test/swiper.wxml b/pages/test/swiper.wxml new file mode 100644 index 0000000..0c43a7a --- /dev/null +++ b/pages/test/swiper.wxml @@ -0,0 +1,16 @@ + +pages/test/swiper.wxml + + swiper + + + 第一页 + + + 第二页 + + + 第三页 + + + diff --git a/pages/test/swiper.wxss b/pages/test/swiper.wxss new file mode 100644 index 0000000..7fe6517 --- /dev/null +++ b/pages/test/swiper.wxss @@ -0,0 +1,10 @@ +/* pages/test/swiper.wxss */ +.swiper-item{ + height: 300rpx; + line-height: 300rpx; + background-color: lightblue; + font-size: 30px; +} +swiper{ + height: 300rpx; +} \ No newline at end of file diff --git a/pages/test/view.js b/pages/test/view.js new file mode 100644 index 0000000..eeeb773 --- /dev/null +++ b/pages/test/view.js @@ -0,0 +1,66 @@ +// pages/test/view.js +Page({ + + /** + * 页面的初始数据 + */ + data: { + + }, + + /** + * 生命周期函数--监听页面加载 + */ + onLoad: function (options) { + + }, + + /** + * 生命周期函数--监听页面初次渲染完成 + */ + onReady: function () { + + }, + + /** + * 生命周期函数--监听页面显示 + */ + onShow: function () { + + }, + + /** + * 生命周期函数--监听页面隐藏 + */ + onHide: function () { + + }, + + /** + * 生命周期函数--监听页面卸载 + */ + onUnload: function () { + + }, + + /** + * 页面相关事件处理函数--监听用户下拉动作 + */ + onPullDownRefresh: function () { + + }, + + /** + * 页面上拉触底事件的处理函数 + */ + onReachBottom: function () { + + }, + + /** + * 用户点击右上角分享 + */ + onShareAppMessage: function () { + + } +}) \ No newline at end of file diff --git a/pages/test/view.json b/pages/test/view.json new file mode 100644 index 0000000..8835af0 --- /dev/null +++ b/pages/test/view.json @@ -0,0 +1,3 @@ +{ + "usingComponents": {} +} \ No newline at end of file diff --git a/pages/test/view.wxml b/pages/test/view.wxml new file mode 100644 index 0000000..ee264c9 --- /dev/null +++ b/pages/test/view.wxml @@ -0,0 +1,14 @@ + +pages/test/view.wxml + + 1.不阻止父容器的view_hover + + 我是父容器 + 我是子容器 + + 2.阻止父容器的view_hover + + 我是父容器 + 我是子容器 + + diff --git a/pages/test/view.wxss b/pages/test/view.wxss new file mode 100644 index 0000000..829ee39 --- /dev/null +++ b/pages/test/view.wxss @@ -0,0 +1,16 @@ +/* pages/test/view.wxss */ +.view_parent{ + width: 100%; + height: 300rpx; + background-color: lightblue; +} +.view_son{ + width: 50%; + height: 150rpx; + margin-left: 25%; + margin-top: 50rpx; + background-color: lightyellow; +} +.view_hover{ + background-color: red; +} \ No newline at end of file