2017年6月13日，

微信小程序城市切换

2017年6月13日微店发布最新公告，决定调整补贴策略：借记卡支付仍然免费、提现仍然免费，对使用信用卡支付的交易收取1%的手续费。微店方面表示，此举是为了防范信用卡恶意套现，新规将从2017年6月16日起实行。值得注意的是，这笔手续费由卖家承担。

2017年6月13日在618大促即将开启之际，天猫于今天宣布“天猫出海”项目正式推出。天猫方面表示，“天猫出海”是以天猫作为主引擎，利用阿里巴巴核心电商板块20亿商品，将天猫生态模式逐步成功复制并落地到东南亚、印度以及全球市场，提高当地电商效率，服务海外消费者。

微信小程序

JS文件：

var city = require('../../utils/city.js');
  
Page({
  data: {
    searchLetter: [],
    showLetter: "",
    winHeight: 0,
    tHeight:0,
    bHeight:0,
    startPageY:0,
    cityList:[],
    isShowLetter:false,
    scrollTop:0,
    city:""
  },
  onLoad: function (options) {
    // 生命周期函数--监听页面加载
    var searchLetter = city.searchLetter;
    var cityList=city.cityList();
    // console.log(cityInfo);
  
    var sysInfo = wx.getSystemInfoSync();
    console.log(sysInfo);
    var winHeight = sysInfo.windowHeight;
  
    //添加要匹配的字母范围值
    //1、更加屏幕高度设置子元素的高度
    var itemH = winHeight / searchLetter.length;
    var tempObj = [];
    for (var i = 0; i 0){ //向上移动
        if(pageYbHeight){
            // showLetter=tShopfas.mateLetter(pageY,tShopfas);
            tShopfas.nowLetter(pageY,tShopfas);
        }
    }
  },
  searchEnd: function (e) {
    // console.log(e);
    // var showLetter=e.currentTarget.dataset.letter;
    var that=tShopfas;
    setTimeout(function(){
      that.setData({
      isShowLetter:false
    })
    },1000)
      
  },
  nowLetter: function (pageY, that) {//当前选中的信息
    var letterData = tShopfas.data.searchLetter;
    var bHeight = 0;
    var tHeight = 0;
    var showLetter="";
    for (var i = 0; i 





CSS文件：



.searchLetter{
    position: fixed;
    right: 0;
    width: 40px;
    height: 100%;
    text-align: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    color: #666;
    z-index: 1
}
.searchLetter view{
    height: 70rpx;
}
.touchClass{
    background-color: rgba(0, 0, 0,0.5);
    color: #fff;
}
.showSlectedLetter{
    background-color: rgba(0, 0, 0,0.5);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top:50%;
    left: 50%;
    margin: -50px;
    width: 100px;
    height: 100px;
    border-radius:10px;
    font-size: 26px;
    z-index: 1
}
.selection{
    display: flex;
    width: 100%;
    flex-direction: column;
}
.item_letter{
    display: flex;
    background-color: #f8f8f8;
    height: 30px;
    padding-left: 10px;
    align-items: center;
}
.item_city{
    display: flex;
    background-color: #fff;
    height: 40px;
    padding-left: 10px;
    align-items: center;
    border-bottom: 1px solid #f8f8f8
}





	
;i++){>){>










微信小程序商城系统开发其实很简单


微信小程序商城系统开发其实很简单，只需要五步就可以完成，整个过程包括开发、上线、发布都可以轻松搞定...详情










微信小程序商城系统免费注册体验


微信小程序商城系统免费注册体验，接下来是微信小程序的时代，这一波红利在不抓住互联网就再也没什么机会了...详情





想了解更多微信小程序开发和微信小程序大全都可以进入微信小程序商城系统开发了解。

第二部分：如何开通一个小商店


1、如何开通一个小商店>>>


2、个人店怎么开>>>


4、多种业态小程序开发>>>


5、带分销功能的小程序>>>


6、开通社区团购小程序>>>


7、旗舰店、专卖店、专营店>>>