123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710 |
- /**
- * Created by Andste on 2016/8/8.
- * version 1.0.5
- */
- import axios from 'axios'
- (function ($, window, document, undefined) {
- var addressSelect = function (ele, opts) {
- this.$element = ele;
- // 全局节点
- this.node = {};
- // 全局地区节点变量
- this.region_li = '';
- // 全局title节点变量
- this.titleView = '';
- // 全局地区id
- this.regions = {};
- // 初始化默认地区数组
- this.defaultArray = [];
- // 初始化默认地区index
- this.index = 0;
- this.defaults = {
- 'api': 'system/regions/parent/',
- 'deData': null,
- 'debug': false,
- 'quick': false,
- 'setInput': false,
- 'names': {
- province: 'province',
- city: 'city',
- region: 'region',
- town: 'town'
- }
- };
- this.options = $.extend({}, this.defaults, opts);
- };
- addressSelect.prototype = {
- // 初始化方法
- init: function () {
- // 创建css样式
- $('#addressSelectCss').length === 0 && this.createStyles();
- // 初始化element
- this.initElement();
- },
- // 初始化事件绑定
- initEvent: function () {
- var _this = this;
- // 初始化显示、隐藏事件
- _this.initShowHide();
- // 初始化绑定关闭事件
- _this.appClose();
- // 初始化选择tab事件
- _this.selectTab();
- // 初始化一级地区
- if (_this.options.deData && _this.options.deData[0]) {
- // 有默认值
- _this.hasDefault();
- } else {
- // 没有默认值
- _this.accessApi();
- }
- // 初始化地区选中事件
- _this.selectRegion();
- // 初始化地区鼠标移入事件
- _this.curRegion();
- // 初始化展示视图盒子宽度
- _this.node.app.css({
- width: parseInt(this.node.appTitleView.css('fontSize')) * this.node.appTitleView.html().length
- });
- _this.node.appBody.on('mouseenter', '#app_address_prompt', function (e) {
- e.stopPropagation();
- e.preventDefault();
- });
- },
- /* 事件处理区
- ============================================================================ */
- // 初始化绑定显示、隐藏事件
- initShowHide: function () {
- var _this = this,
- node = _this.node;
- node.app.on('mouseenter', function () {
- _this.showApp();
- });
- // 鼠标移出控件隐藏地区选择窗体
- node.app.on('mouseleave', function () {
- _this.hideApp();
- });
- },
- // 初始化绑定关闭事件
- appClose: function () {
- var _this = this;
- _this.node.appClose.on('click', function () {
- _this.hideApp();
- });
- },
- // 初始化绑定选择tab事件
- selectTab: function () {
- var _this = this;
- $(_this.node.appTab).on('click', '.app-address-tab-a', function () {
- _this.selectedTab($(this));
- });
- },
- // 初始化地区选中事件
- selectRegion: function () {
- var _this = this;
- var node = _this.node;
- node.appContent.on('click', '.app-address-area-a', function () {
- var $this = $(this),
- region_id = $this.attr('region_id'),
- region_grade = $this.attr('region_grade'),
- local_name = $this.attr('local_title');
- // 计算当前a标签所在盒子索引
- var _index = $this.closest('.app-address-area').index();
- // 根据索引获取对应索引的tab的a标签,并改变内容
- node.appBody.find('.app-address-tab-a').eq(_index).find('em').html(local_name);
- node.appBody.find('.app-address-tab-a').eq(_index).nextAll().find('em').html('请选择');
- _this.setNameTag(region_grade, region_id, local_name);
- // 移除后面元素
- _this.removeElement(_index);
- if (_this.options.debug) {
- console.log('index:' + _index + ' local_name:' + local_name);
- }
- node.app.off('mouseleave');
- node.app.on('mouseover', function () {
- node.app.on('mouseleave', function () {
- _this.hideApp();
- });
- });
- // 根据字数调整body宽度
- _this.wordCount(_index);
- if (Number(region_grade) === 4) {
- _this.complete();
- } else {
- // 调用API接口获取数据
- _this.accessApi(region_id, region_grade);
- }
- });
- },
- // 初始化地区鼠标移入事件
- curRegion: function () {
- var _this = this;
- var node = _this.node;
- node.appContent.on('mouseenter', '.app-address-area-a', function () {
- var $this = $(this);
- var title = $this.attr('local_title');
- if (title.length > 8) {
- var top = ($this.position().top - 28),
- left = $this.position().left,
- fontSize = parseInt($this.css('fontSize'));
- if (node.appContent.find('#app_address_prompt').length === 0) {
- var _html = '<div id="app_address_prompt"'
- + 'style="top: ' + (top - 5) + 'px; left: ' + left + 'px;'
- + '">'
- + title
- + '</div>';
- $(_html).appendTo(node.appContent);
- node.appContent.find('#app_address_prompt').css({
- left: left - (fontSize * title.length + 14 - $('#app_address_prompt')[0].offsetWidth)
- });
- setTimeout(function () {
- node.appContent.find('#app_address_prompt').css({
- opacity: 1,
- top: top
- });
- }, 200);
- }
- }
- });
- node.appContent.on('mouseleave', '.app-address-area-a', function () {
- node.appContent.find('#app_address_prompt').remove();
- $(this).parent().css({width: ''});
- });
- },
- // 初始化默认地区
- hasDefault: function () {
- var _this = this;
- _this.defaultArray.push({re_id: 0, index: 0});
- for (var i = 0; i < _this.options.deData.length; i++) {
- var _deData = _this.options.deData[i];
- if (_deData && _deData != 0 && _deData != -1) {
- var _index = parseInt(i) + 1;
- _this.defaultArray.push({re_id: _this.options.deData[i], index: _index});
- }
- }
- if (_this.options.debug) {
- console.log(this.defaultArray);
- }
- // 创建tab、app窗体
- _this.createDeElement();
- _this.accessApi(_this.defaultArray[_this.index].re_id);
- },
- // 初始化创建默认地区element
- createDeElement: function () {
- var _this = this;
- for (var i = 0, len = _this.defaultArray.length - 2; i < len; i++) {
- if (_this.defaultArray[i]) {
- _this.createElement();
- }
- }
- },
- /* 逻辑实现区
- ============================================================================ */
- // 显示APP
- showApp: function () {
- var node = this.node;
- node.appTitle.addClass('hover');
- node.appBody.addClass('show');
- },
- // 隐藏APP
- hideApp: function () {
- var node = this.node;
- node.appTitle.removeClass('hover');
- node.appBody.removeClass('show');
- },
- // tab选中处理
- selectedTab: function ($this) {
- var index = $this.index();
- $this.addClass('cur')
- .siblings()
- .removeClass('cur')
- .find('i').removeClass('cur');
- $this.find('i').addClass('cur');
- // 地区视图展示逻辑
- this.node.appBody.find('.app-address-area').eq(index).addClass('show')
- .siblings().removeClass('show');
- },
- // 创建tab、地区盒子
- createElement: function () {
- var node = this.node;
- // 创建tab
- var tabA = '<a href="javascript: void(0);" class="app-address-tab-a show"> <em>请选择</em> <i style="padding: 0;"></i> </a>';
- $(tabA).appendTo(node.appTab);
- // 创建地区视图
- var list = '<div class="app-address-area"><ul class="app-address-area-list"></ul></div>';
- $(list).appendTo(node.appContent);
- },
- // 移出选中tab+1之后的节点
- removeElement: function (index) {
- this.node.appBody.find('.app-address-tab-a').eq(index).nextAll().remove();
- this.node.appBody.find('.app-address-area').eq(index).nextAll().remove();
- },
- // 处理逻辑、API返回数据
- useApi: function (res, region_grade) {
- if (!res) return;
- var _this = this;
- var result = res,
- lenght = result.length;
- // 完事
- if (lenght === 0) {
- _this.complete();
- return;
- }
- // 遍历数据组织结构
- for (var i = 0, len = result.length; i < len; i++) {
- var local_title = result[i]['local_name'],
- local_name = local_title.substring(0, 8);
- _this.region_li += '<li><a href="javascript: void(0);" class="app-address-area-a" local_title="' + local_title + '" region_id="' + result[i].id + '" region_grade="' + result[i]['region_grade'] + '">' + local_name + '</a> </li>';
- }
- if (region_grade !== 0 && _this.node.app.find('.app-address-tab-a').eq(region_grade).length === 0) {
- _this.createElement();
- }
- _this.complyApi(region_grade);
- if (_this.options.quick === true && lenght === 1) {
- var r_id = result[0].id,
- r_grade = result[0]['region_grade'],
- l_name = result[0]['local_name'];
- _this.accessApi(r_id, r_grade);
- _this.setNameTag(r_grade, r_id, l_name);
- _this.node.appBody.find('.app-address-tab-a').eq(r_grade - 1).find('em').html(l_name);
- }
- },
- // API逻辑处理方法实现
- complyApi: function (index) {
- var _this = this;
- _this.node.appBody.find('.app-address-tab-a').eq(index).addClass('show cur').siblings().removeClass('cur').find('i').removeClass('cur');
- _this.node.appBody.find('.app-address-tab-a').eq(index).find('i').addClass('cur');
- var area = _this.node.appBody.find('.app-address-area').eq(index);
- area.find('ul').html(_this.region_li);
- area.addClass('show').siblings().removeClass('show');
- _this.region_li = '';
- },
- // 选择完成
- complete: function () {
- var _this = this;
- var node = _this.node,
- appTabA = node.appBody.find('.app-address-tab-a'),
- appTabALen = appTabA.length;
- _this.titleView = '';
- for (var i = 0; i < appTabALen; i++) {
- _this.titleView += appTabA.eq(i).find('em').html();
- }
- var titleLen = _this.titleView.length,
- fontSize = parseInt(node.appTitleView.css('fontSize'));
- node.app.css({
- width: fontSize * titleLen + 30
- });
- var regionData = {};
- regionData['string'] = _this.titleView;
- regionData['regions'] = _this.regions;
- regionData['last_id'] = _this.regions.town_id || _this.regions.region_id || _this.regions.city_id || _this.regions.province_id;
- var _callback = _this.options.callback;
- _callback && typeof(_callback) === 'function' && _callback(regionData);
- node.appTitleView.html(_this.titleView);
- _this.hideApp();
- },
- // 根据tab总字数设置body宽度
- wordCount: function (index) {
- var node = this.node;
- if (index > 1) {
- var appTabA = node.appBody.find('.app-address-tab-a'),
- fontSize = parseInt(node.appTitleView.css('fontSize')),
- _html = '';
- for (var i = 0, _len = appTabA.length; i < _len; i++) {
- _html += appTabA.eq(i).find('em').html();
- }
- var len = _html.length,
- width = fontSize * (len + 3) + 150;
- if (width < 460) {
- width = 460;
- }
- len > 20 ? node.appBody.css({width: width}) : node.appBody.css({width: ''});
- } else {
- node.appBody.css({width: ''});
- }
- },
- // 动态设置name标签
- setNameTag: function (region_grade, region_id, local_name) {
- var _this = this;
- var names = this.options.names;
- var _ele = this.$element;
- switch (parseInt(region_grade)) {
- case 1:
- _ele.find("input[name=" + names.province + "]").val(local_name);
- _ele.find("input[name=" + names.province + "_id]").val(region_id).nextAll().val('');
- _this.regions['province'] = local_name;
- _this.regions['province_id'] = region_id;
- break;
- case 2:
- _ele.find("input[name=" + names.city + "]").val(local_name);
- _ele.find("input[name=" + names.city + "_id]").val(region_id).nextAll().val('');
- _this.regions['city'] = local_name;
- _this.regions['city_id'] = region_id;
- _this.regions['region'] = undefined;
- _this.regions['region_id'] = undefined;
- _this.regions['town'] = undefined;
- _this.regions['town_id'] = undefined;
- break;
- case 3:
- _ele.find("input[name=" + names.region + "]").val(local_name);
- _ele.find("input[name=" + names.region + "_id]").val(region_id).nextAll().val('');
- _this.regions['region'] = local_name;
- _this.regions['region_id'] = region_id;
- _this.regions['town'] = undefined;
- _this.regions['town_id'] = undefined;
- break;
- case 4:
- _ele.find("input[name=" + names.town + "]").val(local_name);
- _ele.find("input[name=" + names.town + "_id]").val(region_id).nextAll().val('');
- _this.regions['town'] = local_name;
- _this.regions['town_id'] = region_id;
- break;
- }
- },
- // 默认地区使用
- complyDeApi: function (res) {
- var _this = this;
- var node = _this.node;
- var result = res,
- _local_name = '';
- // 遍历数据组织结构
- for (var i = 0, len = result.length; i < len; i++) {
- var region_id = result[i]['id'],
- local_title = result[i]['local_name'],
- local_name = local_title.substring(0, 8);
- _this.region_li += '<li><a href="javascript: void(0);" class="app-address-area-a" local_title="' + local_title + '" region_id="' + region_id + '" region_grade="' + result[i]['region_grade'] + '">' + local_name + '</a> </li>';
- if (region_id === _this.defaultArray[_this.index + 1].re_id) {
- _local_name = local_title;
- _this.titleView += _local_name;
- _this.node.appTab.find('a').eq(_this.index).find('em').html(_local_name);
- }
- }
- node.appBody.find('.app-address-area').eq(_this.index).find('ul').html(_this.region_li);
- _this.region_li = '';
- _this.index++;
- if (_this.index === _this.defaultArray.length - 1) {
- node.appBody.find('.app-address-tab-a').eq(_this.defaultArray.length - 2).addClass('cur').find('i').addClass('cur');
- node.appBody.find('.app-address-tab-a').eq(0).find('i').removeClass('cur');
- node.appBody.find('.app-address-area').eq(_this.defaultArray.length - 2).addClass('show');
- this.setNameTag(_this.index, _this.defaultArray[_this.index].re_id, _local_name);
- _this.defaultArray = []
- _this.wordCount();
- _this.complete();
- } else {
- _this.accessApi(_this.defaultArray[_this.index].re_id);
- }
- // 设置默认tab
- _this.defaultArray[0] && this.setNameTag(_this.index, _this.defaultArray[_this.index].re_id, _local_name);
- },
- /* 接口访问区
- ============================================================================ */
- accessApi: function (region_id, region_grade) {
- var _this = this;
- var _region_id = region_id || 0;
- var _region_grade = region_grade || 0;
- axios.get(_this.options.api.replace("@id", _region_id)).then(function (response) {
- response.status === 200 && (function () {
- _this.defaultArray.length > 0
- ? _this.complyDeApi(response.data)
- : _this.useApi(response.data, _region_grade);
- })();
- });
- },
- /* 初始化创建element
- ============================================================================ */
- initElement: function () {
- var _this = this,
- ele = this.$element;
- var names = _this.options.names;
- var province = names.province ? '<input type="hidden" value="" name="' + names.province + '"/>' : '',
- province_id = names.province ? '<input type="hidden" value="" name="' + names.province + '_id"/>' : '',
- city = names.city ? '<input type="hidden" value="" name="' + names.city + '"/>' : '',
- city_id = names.city ? '<input type="hidden" value="" name="' + names.city + '_id"/>' : '',
- region = names.region ? '<input type="hidden" value="" name="' + names.region + '"/>' : '',
- region_id = names.region ? '<input type="hidden" value="" name="' + names.region + '_id"/>' : '',
- town = names.town ? '<input type="hidden" value="" name="' + names.town + '">' : '',
- town_id = names.town ? '<input type="hidden" value="" name="' + names.town + '_id">' : '';
- var inputs = _this.options.setInput ? province + province_id + city + city_id + region + region_id + town + town_id : '';
- var html = '<div class="app-address">'
- + '<div class="app-address-title">'
- + '<div class="app-address-title-view">-- 请选择 --</div><i style="padding: 0;"></i></div>'
- + '<div class="app-address-body">'
- + '<div class="app-address-tab">'
- + '<a href="javascript: void(0);" class="app-address-tab-a show"><em>请选择</em> <i class="cur" style="padding: 0;"></i></a></div>'
- + '<div class="app-address-content">'
- + '<div class="app-address-area">'
- + '<ul class="app-address-area-list"></ul>'
- + '</div>'
- + '</div>'
- + '<div class="app-address-close"></div>'
- + '</div>'
- + inputs
- + '</div>';
- ele.html(html);
- // 缓存节点
- this.node = {
- app: ele.find('.app-address'),
- appBody: ele.find('.app-address-body'),
- appTitle: ele.find('.app-address-title'),
- appTitleView: ele.find('.app-address-title-view'),
- appClose: ele.find('.app-address-close'),
- appTab: ele.find('.app-address-tab'),
- appContent: ele.find('.app-address-content')
- };
- // 绑定事件
- _this.initEvent();
- },
- /* 初始化创建css样式
- ============================================================================ */
- createStyles: function () {
- var style = document.createElement('style'),
- head = document.head || document.getElementsByTagName('head')[0];
- style.type = 'text/css';
- style.id = 'addressSelectCss';
- if (style.styleSheet) {
- var func = function () {
- try { //防止IE中stylesheet数量超过限制而发生错误
- style.styleSheet.cssText = styles;
- } catch (e) {
- }
- };
- if (style.styleSheet.disabled) {
- setTimeout(func, 10);
- } else {
- func();
- }
- } else {
- var textNode = document.createTextNode(styles);
- style.appendChild(textNode);
- }
- head.appendChild(style);
- }
- };
- $.fn.addressSelect = function (options) {
- var select = new addressSelect(this, options);
- return this.each(function () {
- select.init();
- });
- };
- var icon_area_arrow = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAYAgMAAADiyMeaAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURQAAADMxMmdoaH9/fyFf1mIAAAABdFJOUwBA5thmAAAAOElEQVQI12NgoB2YwHiAgUEAxAphdQASIJaoKAMDYyiIxQrks7oCxRkYA4DiIIKBAchVYSigoZsAhOwFPZU4L9cAAAAASUVORK5CYII=';
- var icon_area_arrow2 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAoBAMAAADAhv0DAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAeUExURfT09P////Pz8/b29pmZmczMzPf39/z8/Le3t93d3f3YaqwAAABTSURBVAjXYygvLy9gSEtLS2AwNjY2IEAQC5SUlBQIEIKCggLoRAsDSwODi4OLAwOLiwvQGCCDgYEFiBFKpgqKTmAIDQwNYBANDQWKhQYCCVFBAQDyaxW6UHn2KQAAAABJRU5ErkJggg==';
- var icon_area_close = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACZklEQVRYR81X0XXTQBDcqQDTQaggpgJCBawqwFSAqYCkApwKCBXcUgFJBcEVEDrAFSxv9E56Z+lOOoHfc+7LzzrdjmZ292YhC5aqqoi8E5ELEVkBWPN1d/8pIn9E5AmAhRC+1x6LuY2qymCfRUQBrOb2R0AEYyLyycz4u7gmAajqtYh8rA08jOLuDL4zs5sSgiwAVeWX/ugorvnqqT1Rorc5NkYAVJW6MngV3bXgIhsEwXzp1xGA+OW/Th28ixZBvEqZ6AGcmvYSM5TDzF53z1MA1wCY7cN1EBHSRkkuKynfx7KknC8yyXljZkxwaQHEUnvMUH9w96tON1XdAvgyk3AsvV08dw3gfggilaIDcAfgfebghxDCVfq/qm4AfM2BcPcPZnaXPmuahgDeZFj4ZmabFkDTNKzXHFVHenWH5EDkgsezKd9IOrJgZi/B9gogTCRNT2mJiVLwOcncvSGAEv19vIkAG24a0h71L0qVlOUtShplNBvpW2JtKk8G7zwQQFaj2iQb7lsQvL1FCcAra7vdVpKjlvZhrGcB4GwSiMj+/El49jI8eyOaasXUKITQGs+5+2BpKxaRQwhh9TwuI5oRAE+Fa7O3UXO9PfaJrZnddtdxwd7xmr+gM5o1JPHubg1JrUlN5gT6gZG3dPdjQ9Lpu6QtL+meg71HeTUypTkp/iPY8NXf7r7OmtLEbGRt1AlAMLhO2vIEBPWmlao1oXP49tFbjsa02dEMwDZn1+YixufMdo5mrQPOrZrhlFm8A8DJeOQbC+cyMIdTluS/D6eZDkgQ9JDteJ5I1M4BsfzuzYzBq9ZfJia0fP+I1aUAAAAASUVORK5CYII=';
- var styles = '.app-address {'
- + 'position: relative;'
- + 'min-width: 20%;'
- + 'height: 26px;'
- + 'font-size: 12px;'
- + 'z-index: 1000;}'
- + '.app-address i {'
- + 'font-style: normal;}'
- + '.app-address-title {'
- + 'position: relative;'
- + 'border: 1px solid #cccccc;'
- + 'background-color: #ffffff;'
- + 'padding: 0 20px 0 4px;'
- + 'height: 23px;'
- + 'line-height: 23px;}'
- + 'z-index: 1;'
- + 'line-height: 36px;}'
- + '.app-address-title-view {'
- + 'text-align: center;}'
- + '.app-address-title.hover {'
- + 'z-index: 1;'
- + 'height: 24px;'
- + 'border-bottom: none;}'
- + '.app-address-title i {'
- + 'display: block;'
- + 'position: absolute;'
- //+ 'top: 0;'
- + 'top: 50%;'
- + 'margin-top: -12px;'
- + 'right: 5px;'
- + 'width: 17px;'
- + 'height: 24px;'
- + 'background: url(' + icon_area_arrow + ') 0 0 no-repeat;'
- + '*background: url(//7xlo8o.com1.z0.glb.clouddn.com/area_arrow.png) 0 0 no-repeat;}'
- + '.app-address-body {'
- + 'display: none;'
- + 'width: 460px;'
- + 'min-height: 100px;'
- + 'float: left;'
- + 'position: absolute;'
- + 'top: 24px;'
- + 'left: -85px;'
- + 'border: 1px solid #CECBCE;'
- + 'padding: 15px;'
- + 'background: #fff;'
- + 'z-index: 2;'
- + '-moz-box-shadow: 0 0 5px #ddd;'
- + '-webkit-box-shadow: 0 0 5px #ddd;'
- + 'box-shadow: 0 0 5px #ddd;}'
- + '.app-address-body.show {'
- + 'display: block;}'
- + '.app-address-close {'
- + 'position: absolute;'
- + 'z-index: 2;'
- + 'top: -8px;'
- + 'right: -8px;'
- + 'width: 17px;'
- + 'height: 17px;'
- + 'background: url(' + icon_area_close + ') no-repeat center;'
- + 'background-size: 100%;'
- + '*background: url(//7xlo8o.com1.z0.glb.clouddn.com/area_close.png) 0 0 no-repeat;'
- + 'cursor: pointer;}'
- + '.app-address-tab {'
- + 'width: 100%;'
- + 'height: 25px;'
- + 'border-bottom: 2px solid #edd28b;'
- + 'overflow: visible;}'
- + '.app-address-tab a {'
- + 'display: none;'
- + 'position: relative;'
- + 'float: left;'
- + 'height: 23px;'
- + 'line-height: 23px;'
- + 'padding: 0 21px 1px 11px;'
- + 'margin-right: 3px;'
- + 'border: 1px solid #ddd;'
- + 'border-bottom: 0;'
- + 'color: #005AA0;'
- + 'text-align: center;'
- + 'cursor: pointer;'
- + 'overflow: hidden;'
- + 'white-space: nowrap;'
- + 'text-overflow: ellipsis;}'
- + '.app-address-tab-a em {'
- + 'font-style: normal}'
- + '.app-address-tab a.show {'
- + 'display: block;}'
- + '.app-address-tab a i {'
- + 'position: absolute;'
- + 'right: 4px;'
- + 'top: 10px;'
- + 'display: block;'
- + 'width: 7px;'
- + 'height: 5px;'
- + 'overflow: hidden;'
- + 'background: url(' + icon_area_arrow2 + ') 0 -35px no-repeat;}'
- + '*background: url(//7xlo8o.com1.z0.glb.clouddn.com/area_arrow2.png) 0 -35px no-repeat;}'
- + '.app-address-tab a i.cur {'
- + 'background-position: 0 -28px;}'
- + '.app-address-tab a.cur {'
- + 'height: 25px;'
- + 'background-color: #fff;'
- + 'border: 2px solid #edd28b;'
- + 'border-bottom: 0;'
- + 'padding: 0 20px 0 10px;'
- + 'line-height: 22px;'
- + 'text-decoration: none;'
- + 'color: #000;}'
- + '.app-address-content {'
- + 'position: relative'
- + '}'
- + '.app-address-area {'
- + 'display: none;'
- + 'overflow: hidden;}'
- + '.app-address-area.show {'
- + 'display: block;}'
- + '.app-address-area ul {'
- + 'margin-top: 10px;}'
- + '.app-address-area li {'
- + 'float: left;'
- + 'min-width: 95px;'
- + 'line-height: normal;'
- //+ 'height: 25px;'
- + 'padding: 0 0 0 5px;'
- + 'clear: none;'
- + 'overflow: hidden;'
- + '-webkit-user-select: none;'
- + '-moz-user-select: none;'
- + '-ms-user-select: none;'
- + 'user-select: none;}'
- + '.app-address-area ul li a {'
- + 'padding: 3px 7px;'
- + 'color: #005aa0;'
- + 'font-size: 12px;'
- + 'line-height: 25px;}'
- + '.app-address-area ul li a:hover {'
- + 'background: #005ea7;'
- + 'color: #fff;}'
- + '#app_address_prompt {'
- + 'position: absolute;'
- + 'z-index: 999999;'
- + 'padding: 3px 7px;'
- + 'line-height: normal;'
- + 'background-color: #005ea7;'
- + 'color: #ffffff;'
- + 'opacity: 0;'
- + '-webkit-transition: opacity .3s ease-out;'
- + '-moz-transition: opacity .3s ease-out;'
- + '-ms-transition: opacity .3s ease-out;'
- + '-o-transition: opacity .3s ease-out;'
- + 'transition: opacity .3s ease-out;}';
- })(jQuery, window, document);
|