Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
纵之格
shopxo-uniapp
提交
47e45fb6
S
shopxo-uniapp
项目概览
纵之格
/
shopxo-uniapp
通知
102
Star
3
Fork
4
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
S
shopxo-uniapp
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
47e45fb6
编写于
7月 15, 2022
作者:
G
gongfuxiang
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
左右滚动最后一个元素显示不全修复
上级
6cf872a0
变更
5
隐藏空白更改
内联
并排
Showing
5 changed file
with
60 addition
and
50 deletion
+60
-50
common/css/page.css
common/css/page.css
+6
-0
components/blog-list/blog-list.vue
components/blog-list/blog-list.vue
+5
-5
components/goods-list/goods-list.vue
components/goods-list/goods-list.vue
+5
-5
pages/index/index.vue
pages/index/index.vue
+29
-27
pages/plugins/blog/index/index.vue
pages/plugins/blog/index/index.vue
+15
-13
未找到文件。
common/css/page.css
浏览文件 @
47e45fb6
...
...
@@ -758,6 +758,12 @@ button[disabled].bg-gray {
white-space
:
nowrap
;
box-sizing
:
border-box
;
width
:
100%
;
}
/**
* 滚动水平左右滑动内容宽度处理
*/
.rolling-horizontal
.scroll-view-horizontal
{
width
:
calc
(
100%
+
20
rpx
);
}
/**
...
...
components/blog-list/blog-list.vue
浏览文件 @
47e45fb6
...
...
@@ -47,12 +47,12 @@
</view>
</block>
<!-- 滚动 -->
<
block
v-else-if=
"floor.style_type == 2
"
>
<view
class=
"plugins-blog-rolling-list scroll-view-horizontal
border-radius-main oh spacing-mb
"
>
<
view
v-else-if=
"floor.style_type == 2"
class=
"rolling-horizontal border-radius-main oh spacing-mb
"
>
<view
class=
"plugins-blog-rolling-list scroll-view-horizontal"
>
<swiper
:vertical=
"false"
:autoplay=
"(propConfig.is_home_hot_auto_play || 0) == 1"
:circular=
"false"
:display-multiple-items=
"floor.blog_list.length
<
3
?
floor.blog_list.length
:
3"
interval=
"3000"
>
<block
v-for=
"(item, index) in floor.blog_list"
:key=
"index"
>
<swiper-item
class=
"padding-right-main"
>
<view
class=
"item bg-white border-radius-main oh pr ht-auto pr"
>
<swiper-item>
<view
class=
"item bg-white border-radius-main
margin-right-main
oh pr ht-auto pr"
>
<navigator
:url=
"item.url"
hover-class=
"none"
>
<image
class=
"blog-img dis-block wh-auto"
:src=
"item.cover"
mode=
"aspectFill"
></image>
<view
class=
"blog-title pa single-text cr-white padding-horizontal-main padding-top-sm padding-bottom-sm"
>
{{
item
.
title
}}
</view>
...
...
@@ -62,7 +62,7 @@
</block>
</swiper>
</view>
</
block
>
</
view
>
</block>
</view>
</block>
...
...
components/goods-list/goods-list.vue
浏览文件 @
47e45fb6
...
...
@@ -65,12 +65,12 @@
</view>
</block>
<!-- 滚动 -->
<
block
v-else-if=
"propData.style_type == 2
"
>
<view
class=
"goods-data-rolling-list scroll-view-horizontal
border-radius-main oh spacing-mb
"
>
<
view
v-else-if=
"propData.style_type == 2"
class=
"rolling-horizontal border-radius-main oh spacing-mb
"
>
<view
class=
"goods-data-rolling-list scroll-view-horizontal"
>
<swiper
:vertical=
"false"
:autoplay=
"propIsAutoPlay"
:circular=
"false"
:display-multiple-items=
"propData.goods_list.length
<
3
?
propData.goods_list.length
:
3"
interval=
"3000"
>
<block
v-for=
"(item, index) in propData.goods_list"
:key=
"index"
>
<swiper-item
class=
"padding-right-main"
>
<view
class=
"item bg-white border-radius-main oh pr ht-auto pr"
>
<swiper-item>
<view
class=
"item bg-white border-radius-main
margin-right-main
oh pr ht-auto pr"
>
<!-- 商品主体内容 -->
<navigator
:url=
"item.goods_url"
hover-class=
"none"
>
<image
class=
"goods-img dis-block wh-auto"
:src=
"item.images"
mode=
"aspectFit"
></image>
...
...
@@ -93,7 +93,7 @@
</block>
</swiper>
</view>
</
block
>
</
view
>
</block>
</view>
</view>
...
...
pages/index/index.vue
浏览文件 @
47e45fb6
...
...
@@ -80,36 +80,38 @@
</view>
<navigator
url=
"/pages/plugins/seckill/index/index"
hover-class=
"none"
class=
"arrow-right padding-right-xxxl cr-gray fr"
>
更多
</navigator>
</view>
<view
class=
"goods-list scroll-view-horizontal border-radius-main oh"
>
<swiper
:vertical=
"false"
:autoplay=
"(plugins_seckill_data.base || null) != null && (plugins_seckill_data.base.is_home_auto_play || 0) == 1"
:circular=
"false"
:display-multiple-items=
"plugins_seckill_data.goods.length
<
3
?
plugins_seckill_data.goods.length
:
3"
interval=
"3000"
>
<block
v-for=
"(item, index) in plugins_seckill_data.goods"
:key=
"index"
>
<swiper-item
class=
"padding-right-main"
>
<view
class=
"item bg-white border-radius-main oh pr ht-auto"
>
<!-- 商品主体内容 -->
<navigator
:url=
"item.goods_url"
hover-class=
"none"
>
<image
class=
"goods-img dis-block"
:src=
"item.images"
mode=
"aspectFit"
></image>
<view
class=
"goods-base padding-left padding-right margin-top-sm"
>
<view
class=
"goods-title multi-text margin-bottom-sm"
>
{{
item
.
title
}}
</view>
<view
class=
"sales-price single-text"
>
{{
currency_symbol
}}{{
item
.
min_price
}}
</view>
<view
v-if=
"(item.min_original_price || null) != null && item.min_original_price > 0"
class=
"original-price single-text"
>
{{
currency_symbol
}}{{
item
.
min_original_price
}}
</view>
<view
class=
"icon pa"
>
<uni-icons
type=
"cart"
size=
"16"
color=
"#E02020"
></uni-icons>
<view
class=
"rolling-horizontal border-radius-main oh"
>
<view
class=
"goods-list scroll-view-horizontal"
>
<swiper
:vertical=
"false"
:autoplay=
"(plugins_seckill_data.base || null) != null && (plugins_seckill_data.base.is_home_auto_play || 0) == 1"
:circular=
"false"
:display-multiple-items=
"plugins_seckill_data.goods.length
<
3
?
plugins_seckill_data.goods.length
:
3"
interval=
"3000"
>
<block
v-for=
"(item, index) in plugins_seckill_data.goods"
:key=
"index"
>
<swiper-item>
<view
class=
"item bg-white border-radius-main margin-right-main oh pr ht-auto"
>
<!-- 商品主体内容 -->
<navigator
:url=
"item.goods_url"
hover-class=
"none"
>
<image
class=
"goods-img dis-block"
:src=
"item.images"
mode=
"aspectFit"
></image>
<view
class=
"goods-base padding-left padding-right margin-top-sm"
>
<view
class=
"goods-title multi-text margin-bottom-sm"
>
{{
item
.
title
}}
</view>
<view
class=
"sales-price single-text"
>
{{
currency_symbol
}}{{
item
.
min_price
}}
</view>
<view
v-if=
"(item.min_original_price || null) != null && item.min_original_price > 0"
class=
"original-price single-text"
>
{{
currency_symbol
}}{{
item
.
min_original_price
}}
</view>
<view
class=
"icon pa"
>
<uni-icons
type=
"cart"
size=
"16"
color=
"#E02020"
></uni-icons>
</view>
</view>
</navigator>
<!-- 标签插件 -->
<view
v-if=
"(plugins_label_data || null) != null && plugins_label_data.data.length > 0"
:class=
"'plugins-label oh pa plugins-label-'+((plugins_label_data.base.is_user_goods_label_icon || 0) == 0 ? 'text' : 'img')+' plugins-label-'+(plugins_label_data.base.user_goods_show_style || 'top-left')"
>
<block
v-for=
"(lv,li) in plugins_label_data.data"
:key=
"li"
>
<view
v-if=
"lv.goods_ids.indexOf(item.goods_id) != -1"
class=
"lv dis-inline-block va-m"
:data-value=
"((plugins_label_data.base.is_user_goods_label_url || 0) == 1) ? (lv.url || '') : ''"
@
tap=
"url_event"
>
<view
v-if=
"(plugins_label_data.base.is_user_goods_label_icon || 0) == 0"
class=
"round cr-white bg-main text-size-xs fl"
:style=
"((lv.bg_color || null) != null ? 'background-color:'+ lv.bg_color+' !important;' : '')+((lv.text_color || null) != null ? 'color:'+ lv.text_color+' !important;' : '')"
>
{{
lv
.
name
}}
</view>
<image
v-else
class=
"dis-block"
:src=
"lv.icon"
mode=
"scaleToFill"
></image>
</view>
</block>
</view>
</navigator>
<!-- 标签插件 -->
<view
v-if=
"(plugins_label_data || null) != null && plugins_label_data.data.length > 0"
:class=
"'plugins-label oh pa plugins-label-'+((plugins_label_data.base.is_user_goods_label_icon || 0) == 0 ? 'text' : 'img')+' plugins-label-'+(plugins_label_data.base.user_goods_show_style || 'top-left')"
>
<block
v-for=
"(lv,li) in plugins_label_data.data"
:key=
"li"
>
<view
v-if=
"lv.goods_ids.indexOf(item.goods_id) != -1"
class=
"lv dis-inline-block va-m"
:data-value=
"((plugins_label_data.base.is_user_goods_label_url || 0) == 1) ? (lv.url || '') : ''"
@
tap=
"url_event"
>
<view
v-if=
"(plugins_label_data.base.is_user_goods_label_icon || 0) == 0"
class=
"round cr-white bg-main text-size-xs fl"
:style=
"((lv.bg_color || null) != null ? 'background-color:'+ lv.bg_color+' !important;' : '')+((lv.text_color || null) != null ? 'color:'+ lv.text_color+' !important;' : '')"
>
{{
lv
.
name
}}
</view>
<image
v-else
class=
"dis-block"
:src=
"lv.icon"
mode=
"scaleToFill"
></image>
</view>
</block>
</view>
</
view
>
</
swiper-item
>
</
block
>
</
swiper
>
</
swiper-item
>
</
block
>
</
swiper
>
</
view
>
</view>
</view>
...
...
pages/plugins/blog/index/index.vue
浏览文件 @
47e45fb6
...
...
@@ -41,19 +41,21 @@
<text
class=
"text-wrapper"
>
热门博文
</text>
<navigator
url=
"/pages/plugins/blog/search/search"
hover-class=
"none"
class=
"arrow-right padding-right-xxxl cr-gray fr"
>
更多
</navigator>
</view>
<view
class=
"plugins-blog-rolling-list scroll-view-horizontal border-radius-main oh"
>
<swiper
:vertical=
"false"
:autoplay=
"(data_base.is_home_hot_auto_play || 0) == 1"
:circular=
"false"
:display-multiple-items=
"hot_list.length
<
3
?
hot_list.length
:
3"
interval=
"3000"
>
<block
v-for=
"(item, index) in hot_list"
:key=
"index"
>
<swiper-item
class=
"padding-right-main"
>
<view
class=
"item bg-white border-radius-main oh pr ht-auto pr"
>
<navigator
:url=
"item.url"
hover-class=
"none"
>
<image
class=
"blog-img dis-block wh-auto"
:src=
"item.cover"
mode=
"aspectFill"
></image>
<view
class=
"blog-title pa single-text cr-white padding-horizontal-main padding-top-sm padding-bottom-sm"
>
{{
item
.
title
}}
</view>
</navigator>
</view>
</swiper-item>
</block>
</swiper>
<view
class=
"rolling-horizontal border-radius-main oh"
>
<view
class=
"plugins-blog-rolling-list scroll-view-horizontal"
>
<swiper
:vertical=
"false"
:autoplay=
"(data_base.is_home_hot_auto_play || 0) == 1"
:circular=
"false"
:display-multiple-items=
"hot_list.length
<
3
?
hot_list.length
:
3"
interval=
"3000"
>
<block
v-for=
"(item, index) in hot_list"
:key=
"index"
>
<swiper-item>
<view
class=
"item bg-white border-radius-main margin-right-main oh pr ht-auto pr"
>
<navigator
:url=
"item.url"
hover-class=
"none"
>
<image
class=
"blog-img dis-block wh-auto"
:src=
"item.cover"
mode=
"aspectFill"
></image>
<view
class=
"blog-title pa single-text cr-white padding-horizontal-main padding-top-sm padding-bottom-sm"
>
{{
item
.
title
}}
</view>
</navigator>
</view>
</swiper-item>
</block>
</swiper>
</view>
</view>
</view>
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录