重磅报告 | 8张图看懂2018金砖五国电商发展

前言

阿里研究院报告指出,2017年金砖五国网络零售交易额达到11851亿美元,占全球网络零售总额的51.8%,比2016年上升4.8个百分点;金砖五国跨境网络零售交易额达到1296亿美元,占全球跨境网络零售总额的24.5%,比2016年上升1.5个百分点。电子商务为金砖国家经济和社会发展带来了重大的历史机遇,成为金砖国家发展的新引擎。

近日,阿里研究院发布了《金砖国家电子商务发展报告(2018更新版)》

报告数据显示,2017年金砖五国网民数合计超过14.5亿,占全球网民的41.9%;网络购物用户数合计超过8.4亿,占全球网购用户的50.8%。金砖国家网民占比、网购用户占比,均高于金砖国家人口在全球中的占比(41.2%)。

image

图1:2017年金砖五国网民数占比

image

图2:金砖五国与美国互联网渗透率比较(1990年-2017年)

image

图3:2017年金砖五国网络购物用户占比

报告指出,2017年金砖五国网络零售交易额达到11851亿美元,占全球网络零售总额的51.8%,比2016年上升4.8个百分点;金砖五国跨境网络零售交易额达到1296亿美元,占全球跨境网络零售总额的24.5%,比2016年上升1.5个百分点。电子商务为金砖国家经济和社会发展带来了重大的历史机遇,成为金砖国家发展的新引擎。

image

图4:2015年-2017年金砖五国网络零售交易额增长情况(亿美元)

image

图5:2015年-2017年金砖五国跨境网络零售交易额(亿美元)

阿里研究院认为,随着互联网基础设施的完善以及智能手机的应用和普及,金砖五国电子商务将快速成长。电子商务在促进贸易增长、产业转型升级、创造新的就业机会以及帮助发展中国家和中小企业融入全球价值链等方面发挥愈加重要的作用,为金砖国家经济和社会发展带来了重大的历史机遇,成为新时期金砖国家发展的新引擎。

阿里研究院预计到2022年,金砖五国网络购物用户数将上升到13.5亿人,占全球网购用户的比例上升到61%;网络零售总额将增加至30061亿美元,占全球网络零售总额的比例上升到59%;跨境网络零售总额将增加到5536亿美元,占全球跨境网络零售总额的比例上升到41%。

image

图6:2016年-2022年金砖国家网络购物用户数及在全球占比

image

图7:2016年-2022年金砖国家网络零售规模及在全球占比

image

图8:2016年-2022年金砖国家跨境网络零售规模及在全球占比

报告认为,金砖五国宜把握历史机遇,优化本国电子商务政策和商业环境,特别是要针对新技术和新业态,创新监管方式和提高服务水平,推动产业数字化转型升级;同时,加强在多边贸易体制、区域贸易安排和双边机制中,关于电子商务政策的对话和协调,促进电子商务相关产业的互利开放和交流合作。

原文发布时间为:2018-07-27
本文作者:Arc
本文来自云栖社区合作伙伴“阿里研究院”,报告原文可以关注“阿里研究院”并下载

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个基本的jQuery轮播图示例,包括一个大图和五张缩略图: HTML代码: ```html <div class="slider-wrapper"> <div class="slider"> <div class="slide"><img src="image1.jpg"></div> <div class="slide"><img src="image2.jpg"></div> <div class="slide"><img src="image3.jpg"></div> <div class="slide"><img src="image4.jpg"></div> <div class="slide"><img src="image5.jpg"></div> <div class="slide"><img src="image6.jpg"></div> <div class="slide"><img src="image7.jpg"></div> <div class="slide"><img src="image8.jpg"></div> </div> <div class="thumbnail-wrapper"> <div class="thumbnail"><img src="image1.jpg"></div> <div class="thumbnail"><img src="image2.jpg"></div> <div class="thumbnail"><img src="image3.jpg"></div> <div class="thumbnail"><img src="image4.jpg"></div> <div class="thumbnail"><img src="image5.jpg"></div> </div> </div> ``` CSS代码: ```css .slider-wrapper { position: relative; width: 800px; height: 500px; } .slider { position: absolute; top: 0; left: 0; width: 800px; height: 500px; } .slide { position: absolute; top: 0; left: 0; width: 800px; height: 500px; display: none; } .slide:first-child { display: block; } .thumbnail-wrapper { position: absolute; bottom: 0; left: 0; width: 800px; height: 100px; background-color: #ccc; } .thumbnail { float: left; width: 20%; height: 100px; cursor: pointer; } .thumbnail img { display: block; max-width: 100%; max-height: 100%; margin: 0 auto; } ``` jQuery代码: ```javascript $(document).ready(function() { var slider = $(".slider"); var slides = slider.find(".slide"); var thumbnails = $(".thumbnail-wrapper").find(".thumbnail"); var currentSlide = 0; var autoPlay = true; var autoPlayInterval = 5000; function showSlide(index) { if (index >= slides.length) { index = 0; } else if (index < 0) { index = slides.length - 1; } slides.hide(); slides.eq(index).fadeIn(); thumbnails.removeClass("active"); thumbnails.eq(index).addClass("active"); currentSlide = index; } function autoPlaySlides() { if (autoPlay) { showSlide(currentSlide + 1); } } thumbnails.click(function() { var index = $(this).index(); showSlide(index); autoPlay = false; }); $(".prev-btn").click(function() { showSlide(currentSlide - 1); autoPlay = false; }); $(".next-btn").click(function() { showSlide(currentSlide + 1); autoPlay = false; }); setInterval(autoPlaySlides, autoPlayInterval); }); ``` 说明: 1. HTML代码中,轮播图的大图和缩略图都放在一个包装器(`slider-wrapper`)中,大图使用`slider`类,缩略图使用`thumbnail-wrapper`类。 2. CSS代码中,大图和缩略图都使用绝对定位进行布局,大图中每个图片都使用`slide`类,其中第一张图片默认显示,缩略图中每个图片都使用`thumbnail`类,使用`float`进行布局。 3. jQuery代码中,使用`showSlide`函数显示指定的图片,该函数接受一个参数,即要显示的图片的索引,如果索引超出了图片的范围,会自动循环。 4. 缩略图的点击事件会调用`showSlide`函数,并将`autoPlay`变量设置为`false`,停止自动播放。 5. 上一张和下一张按钮的点击事件同样会调用`showSlide`函数,并将`autoPlay`变量设置为`false`,停止自动播放。 6. 使用`setInterval`函数每隔一段时间自动播放轮播图,调用`autoPlaySlides`函数,该函数会判断`autoPlay`变量是否为`true`,如果是则自动播放下一张图片。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值