miniprogram / appui · 提交

转到一个项目

作者 lihongjuan
提交 0e763a183790c7dc3ea7eb2b2388f47b5448f36d 1 个父辈 b8aee380

2332

内嵌 并排对比
正在显示 24 个修改的文件 包含 1007 行增加 和 18 行删除
1 { 1 {
2 "pages": [ 2 "pages": [
3 - "pages/login/login", 3 + "pages/companybox/qiyedetail/qiyedetail",
  4 + "pages/qiye/qiye",
4 "pages/changqu/changqu", 5 "pages/changqu/changqu",
  6 + "pages/login/login",
5 "pages/shebei/shebeilist/shebeilist", 7 "pages/shebei/shebeilist/shebeilist",
6 -  
7 "pages/mine/mine", 8 "pages/mine/mine",
8 "pages/index/index", 9 "pages/index/index",
9 "pages/logs/logs", 10 "pages/logs/logs",
10 -  
11 - "pages/qiye/qiye",  
12 "pages/yujing/yujing", 11 "pages/yujing/yujing",
13 "pages/shebei/shebeidetail/shebeidetail" 12 "pages/shebei/shebeidetail/shebeidetail"
  13 +
14 ], 14 ],
15 "window": { 15 "window": {
16 "backgroundTextStyle": "light", 16 "backgroundTextStyle": "light",
1 /**app.wxss**/ 1 /**app.wxss**/
2 -.container {  
3 - height: 100%;  
4 - display: flex;  
5 - flex-direction: column;  
6 - align-items: center;  
7 - justify-content: space-between;  
8 - padding: 200rpx 0;  
9 - box-sizing: border-box;  
10 -} 2 +
  3 +page{
  4 + background: #fff;
  5 +}
11 image{ 6 image{
12 width:100%; 7 width:100%;
13 height:100%; 8 height:100%;
@@ -16,4 +11,16 @@ image{ @@ -16,4 +11,16 @@ image{
16 width:23rpx; 11 width:23rpx;
17 height:23rpx; 12 height:23rpx;
18 font-size: 0 13 font-size: 0
  14 +}
  15 +
  16 +
  17 +.register {
  18 + width: 100%;
  19 + height: 100%;
  20 + background-color: rgba(0, 0, 0, 0.5);
  21 + position: fixed;
  22 + top: 0;
  23 + left: 0;
  24 + right: 0;
  25 + z-index: 5;
19 } 26 }
  1 +import WxCanvas from './wx-canvas';
  2 +import * as echarts from './echarts';
  3 +
  4 +let ctx;
  5 +
  6 +Component({
  7 + properties: {
  8 + canvasId: {
  9 + type: String,
  10 + value: 'ec-canvas'
  11 + },
  12 +
  13 + ec: {
  14 + type: Object
  15 + }
  16 + },
  17 +
  18 + data: {
  19 +
  20 + },
  21 +
  22 + ready: function () {
  23 + if (!this.data.ec) {
  24 + console.warn('组件需绑定 ec 变量，例：<ec-canvas id="mychart-dom-bar" '
  25 + + 'canvas-id="mychart-bar" ec="{{ ec }}"></ec-canvas>');
  26 + return;
  27 + }
  28 +
  29 + if (!this.data.ec.lazyLoad) {
  30 + this.init();
  31 + }
  32 + },
  33 +
  34 + methods: {
  35 + init: function (callback) {
  36 + const version = wx.version.version.split('.').map(n => parseInt(n, 10));
  37 + const isValid = version[0] > 1 || (version[0] === 1 && version[1] > 9)
  38 + || (version[0] === 1 && version[1] === 9 && version[2] >= 91);
  39 + if (!isValid) {
  40 + console.error('微信基础库版本过低，需大于等于 1.9.91。'
  41 + + '参见：https://github.com/ecomfe/echarts-for-weixin'
  42 + + '#%E5%BE%AE%E4%BF%A1%E7%89%88%E6%9C%AC%E8%A6%81%E6%B1%82');
  43 + return;
  44 + }
  45 +
  46 + ctx = wx.createCanvasContext(this.data.canvasId, this);
  47 +
  48 + const canvas = new WxCanvas(ctx, this.data.canvasId);
  49 +
  50 + echarts.setCanvasCreator(() => {
  51 + return canvas;
  52 + });
  53 +
  54 + var query = wx.createSelectorQuery().in(this);
  55 + query.select('.ec-canvas').boundingClientRect(res => {
  56 + if (typeof callback === 'function') {
  57 + this.chart = callback(canvas, res.width, res.height);
  58 + }
  59 + else if (this.data.ec && typeof this.data.ec.onInit === 'function') {
  60 + this.chart = this.data.ec.onInit(canvas, res.width, res.height);
  61 + }
  62 + else {
  63 + this.triggerEvent('init', {
  64 + canvas: canvas,
  65 + width: res.width,
  66 + height: res.height
  67 + });
  68 + }
  69 + }).exec();
  70 + },
  71 +
  72 + canvasToTempFilePath(opt) {
  73 + if (!opt.canvasId) {
  74 + opt.canvasId = this.data.canvasId;
  75 + }
  76 +
  77 + ctx.draw(true, () => {
  78 + wx.canvasToTempFilePath(opt, this);
  79 + });
  80 + },
  81 +
  82 + touchStart(e) {
  83 + if (this.chart && e.touches.length > 0) {
  84 + var touch = e.touches[0];
  85 + var handler = this.chart.getZr().handler;
  86 + handler.dispatch('mousedown', {
  87 + zrX: touch.x,
  88 + zrY: touch.y
  89 + });
  90 + handler.dispatch('mousemove', {
  91 + zrX: touch.x,
  92 + zrY: touch.y
  93 + });
  94 + handler.processGesture(wrapTouch(e), 'start');
  95 + }
  96 + },
  97 +
  98 + touchMove(e) {
  99 + if (this.chart && e.touches.length > 0) {
  100 + var touch = e.touches[0];
  101 + var handler = this.chart.getZr().handler;
  102 + handler.dispatch('mousemove', {
  103 + zrX: touch.x,
  104 + zrY: touch.y
  105 + });
  106 + handler.processGesture(wrapTouch(e), 'change');
  107 + }
  108 + },
  109 +
  110 + touchEnd(e) {
  111 + if (this.chart) {
  112 + const touch = e.changedTouches ? e.changedTouches[0] : {};
  113 + var handler = this.chart.getZr().handler;
  114 + handler.dispatch('mouseup', {
  115 + zrX: touch.x,
  116 + zrY: touch.y
  117 + });
  118 + handler.dispatch('click', {
  119 + zrX: touch.x,
  120 + zrY: touch.y
  121 + });
  122 + handler.processGesture(wrapTouch(e), 'end');
  123 + }
  124 + }
  125 + }
  126 +});
  127 +
  128 +function wrapTouch(event) {
  129 + for (let i = 0; i < event.touches.length; ++i) {
  130 + const touch = event.touches[i];
  131 + touch.offsetX = touch.x;
  132 + touch.offsetY = touch.y;
  133 + }
  134 + return event;
  135 +}
  1 +{
  2 + "component": true,
  3 + "usingComponents": {}
  4 +}
  1 +<canvas class="ec-canvas" canvas-id="{{ canvasId }}"
  2 +bindinit="init"
  3 +bindtouchstart="{{ ec.disableTouch ? '' : 'touchStart' }}" bindtouchmove="{{ ec.disableTouch ? '' : 'touchMove' }}" bindtouchend="{{ ec.disableTouch ? '' : 'touchEnd' }}">
  4 +</canvas>
  1 +.ec-canvas {
  2 + width: 100%;
  3 + height: 100%;
  4 +}
此 diff 太大无法显示。
  1 +export default class WxCanvas {
  2 + constructor(ctx, canvasId) {
  3 + this.ctx = ctx;
  4 + this.canvasId = canvasId;
  5 + this.chart = null;
  6 +
  7 + // this._initCanvas(zrender, ctx);
  8 + this._initStyle(ctx);
  9 + this._initEvent();
  10 + }
  11 +
  12 + getContext(contextType) {
  13 + if (contextType === '2d') {
  14 + return this.ctx;
  15 + }
  16 + }
  17 +
  18 + // canvasToTempFilePath(opt) {
  19 + // if (!opt.canvasId) {
  20 + // opt.canvasId = this.canvasId;
  21 + // }
  22 +
  23 + // return wx.canvasToTempFilePath(opt, this);
  24 + // }
  25 +
  26 + setChart(chart) {
  27 + this.chart = chart;
  28 + }
  29 +
  30 + attachEvent () {
  31 + // noop
  32 + }
  33 +
  34 + detachEvent() {
  35 + // noop
  36 + }
  37 +
  38 + _initCanvas(zrender, ctx) {
  39 + zrender.util.getContext = function () {
  40 + return ctx;
  41 + };
  42 +
  43 + zrender.util.$override('measureText', function (text, font) {
  44 + ctx.font = font || '12px sans-serif';
  45 + return ctx.measureText(text);
  46 + });
  47 + }
  48 +
  49 + _initStyle(ctx) {
  50 + var styles = ['fillStyle', 'strokeStyle', 'globalAlpha',
  51 + 'textAlign', 'textBaseAlign', 'shadow', 'lineWidth',
  52 + 'lineCap', 'lineJoin', 'lineDash', 'miterLimit', 'fontSize'];
  53 +
  54 + styles.forEach(style => {
  55 + Object.defineProperty(ctx, style, {
  56 + set: value => {
  57 + if (style !== 'fillStyle' && style !== 'strokeStyle'
  58 + || value !== 'none' && value !== null
  59 + ) {
  60 + ctx['set' + style.charAt(0).toUpperCase() + style.slice(1)](value);
  61 + }
  62 + }
  63 + });
  64 + });
  65 +
  66 + ctx.createRadialGradient = () => {
  67 + return ctx.createCircularGradient(arguments);
  68 + };
  69 + }
  70 +
  71 + _initEvent() {
  72 + this.event = {};
  73 + const eventNames = [{
  74 + wxName: 'touchStart',
  75 + ecName: 'mousedown'
  76 + }, {
  77 + wxName: 'touchMove',
  78 + ecName: 'mousemove'
  79 + }, {
  80 + wxName: 'touchEnd',
  81 + ecName: 'mouseup'
  82 + }, {
  83 + wxName: 'touchEnd',
  84 + ecName: 'click'
  85 + }];
  86 +
  87 + eventNames.forEach(name => {
  88 + this.event[name.wxName] = e => {
  89 + const touch = e.touches[0];
  90 + this.chart.getZr().handler.dispatch(name.ecName, {
  91 + zrX: name.wxName === 'tap' ? touch.clientX : touch.x,
  92 + zrY: name.wxName === 'tap' ? touch.clientY : touch.y
  93 + });
  94 + };
  95 + });
  96 + }
  97 +}

274 字节

1021 字节
1 <view class="mapbox"> 1 <view class="mapbox">
2 <view class="search"> 2 <view class="search">
3 <view class="searchimg"> 3 <view class="searchimg">
4 - <image src="img/demo (10).png"></image> 4 + <image src="/img/search.png"></image>
5 </view> 5 </view>
6 <view class="searchinput"> 6 <view class="searchinput">
7 <input placeholder='湖南' placeholder-class='searchword'/> 7 <input placeholder='湖南' placeholder-class='searchword'/>
  1 +import * as echarts from '../../../ec-canvas/echarts';
  2 +
  3 +const app = getApp();
  4 +
  5 +function initChart(canvas, width, height) {
  6 + const chart = echarts.init(canvas, null, {
  7 + width: width,
  8 + height: height
  9 + });
  10 + canvas.setChart(chart);
  11 +
  12 + var option = {
  13 +
  14 + tooltip: {
  15 + trigger: 'axis'
  16 + },
  17 +
  18 + radar: [{
  19 + indicator: [{
  20 + text: '生产：90分',
  21 + max: 100
  22 + },
  23 + {
  24 + text: '预警：60分',
  25 + max: 100
  26 + },
  27 + {
  28 + text: '稳定性：80分',
  29 + max: 100
  30 + }
  31 +
  32 + ],
  33 + center: ['50%', '60%'],
  34 + radius: 80
  35 + },
  36 +
  37 +
  38 + ],
  39 + series: [{
  40 + type: 'radar',
  41 + symbolSize: 6,
  42 + symbol: 'rect',
  43 + tooltip: {
  44 + trigger: 'item'
  45 + },
  46 + itemStyle: {
  47 + normal: {
  48 + color: '#FBCB77',
  49 + areaStyle: {
  50 + type: 'default',
  51 + color: '#FBCB77'
  52 +
  53 + },
  54 + lineStyle:{
  55 + color:'#FBCB77',
  56 +
  57 + }
  58 + }
  59 + },
  60 + data: [{
  61 + value: [60, 73, 85],
  62 + itemStyle: {
  63 + normal: {
  64 + areaStyle: {
  65 + type: 'default',
  66 + color: '#FBCB77'
  67 + }
  68 + }
  69 + }
  70 + // name: '某软件'
  71 + }]
  72 + },
  73 +
  74 +
  75 +
  76 + ]
  77 + };
  78 +
  79 + chart.setOption(option);
  80 +
  81 + return chart;
  82 +}
  83 +
  84 +Page({
  85 + onShareAppMessage: function(res) {
  86 + return {
  87 + title: 'ECharts 可以在微信小程序中使用啦！',
  88 + path: '',
  89 + success: function() {},
  90 + fail: function() {}
  91 + }
  92 + },
  93 + data: {
  94 + ec: {
  95 + onInit: initChart
  96 + }
  97 + },
  98 +
  99 + onReady() {}
  100 +});
  1 +{
  2 + "usingComponents": {
  3 + "ec-canvas": "../../../ec-canvas/ec-canvas"
  4 + }
  5 +}
  1 +<!--index.wxml-->
  2 +
  3 +<view class="coint">
  4 +<text class="cointleft">87</text>
  5 +<text class="cointword">分</text>
  6 +
  7 +</view>
  8 +<view class="zonghe">综合得分</view>
  9 +<view class="container" >
  10 + <ec-canvas id="mychart-dom-graph" canvas-id="mychart-graph" ec="{{ ec }}"></ec-canvas>
  11 +</view>
  12 +
  13 +<view class="xian"></view>
  14 +
  15 +<view class="middle">
  16 + <view class="companyname">无锡万峰金属制品有限公司</view>
  17 + <view class="middlelist">
  18 + <view class="middleitemleft">企业法人</view>
  19 + <view class="middleitemright">王刚</view>
  20 + </view>
  21 + <view class="middlelist">
  22 + <view class="middleitemleft">统一信用代码</view>
  23 + <view class="middleitemright">895597347547548758574</view>
  24 + </view>
  25 + <view class="middlelist">
  26 + <view class="middleitemleft">行业标签</view>
  27 + <view class="middleitemright">金属加工</view>
  28 + </view>
  29 +</view>
  1 +/**index.wxss**/
  2 +
  3 +page {
  4 + height: 100%;
  5 +}
  6 +
  7 +.container {
  8 + width: 750rpx;
  9 + height: 382rpx;
  10 + margin: 0 auto;
  11 + display: flex;
  12 + justify-content: center;
  13 + align-items: center;
  14 +}
  15 +
  16 +ec-canvas {
  17 + width: 100%;
  18 + height: 100%;
  19 +}
  20 +
  21 +.coint {
  22 + color: #ff9400ff;
  23 + text-align: center;
  24 + margin-top: 77rpx;
  25 +}
  26 +
  27 +.zonghe {
  28 + color: #ff9400ff;
  29 + font-size: 30rpx;
  30 + text-align: center;
  31 +}
  32 +
  33 +.cointleft {
  34 + font-size: 80rpx;
  35 +}
  36 +
  37 +.cointword {
  38 + font-size: 30rpx;
  39 +}
  40 +
  41 +.xian {
  42 + width: 750rpx;
  43 + height: 16rpx;
  44 + background: #F4F4F4;
  45 + opacity: 1;
  46 + margin-top:70rpx;
  47 +}
  48 +.middle{
  49 + padding: 48rpx 32rpx;
  50 + box-sizing: border-box;
  51 + border-bottom:16rpx solid #F4F4F4
  52 +}
  53 +.companyname{
  54 + color:#333333;
  55 + font-size: 34rpx;
  56 + font-weight: bold
  57 +}
  58 +.middlelist{
  59 + display:flex;
  60 + align-items: center;
  61 + margin-top:26rpx;
  62 +
  63 +}
  64 +.middleitemleft{
  65 + width:168rpx;
  66 + color:#777777;
  67 + font-size: 28rpx;
  68 +}
  69 +.middleitemright{
  70 + color:#777777;
  71 + font-size: 28rpx;
  72 + margin-left:24rpx;
  73 +}
@@ -5,15 +5,75 @@ Page({ @@ -5,15 +5,75 @@ Page({
5 * 页面的初始数据 5 * 页面的初始数据
6 */ 6 */
7 data: { 7 data: {
8 - 8 + array: ['金属加工', '金属加工1', '金属加工2', '金属加工3'],
  9 + index: 0,
  10 + banklist:[
  11 +
  12 + {
  13 + id:1,
  14 + name:'工商银行',
  15 + sel:false
  16 + },
  17 + {
  18 + id: 2,
  19 + name: '建设银行',
  20 + sel: false
  21 + },
  22 + {
  23 + id:3,
  24 + name: '农业银行',
  25 + sel: false
  26 + },
  27 + {
  28 + id: 4,
  29 + name: '中国银行',
  30 + sel: false
  31 + }
  32 + ]
9 }, 33 },
10 34
11 /** 35 /**
12 * 生命周期函数--监听页面加载 36 * 生命周期函数--监听页面加载
13 */ 37 */
14 onLoad: function (options) { 38 onLoad: function (options) {
  39 + gaoji:false
  40 + },
  41 + bindPickerChange: function (e) {
  42 +
  43 +
  44 + this.setData({
  45 + index: e.detail.value
  46 + })
  47 + },
  48 + //选择银行
  49 + chosebank(e){
  50 + console.log(e)
  51 + let id=e.currentTarget.dataset.id;
  52 +
  53 + let newbanklist=this.data.banklist
  54 + for(var i=0;i<newbanklist.length;i++){
  55 + if (id == newbanklist[i].id){
  56 + newbanklist[i].sel = !newbanklist[i].sel;
  57 + }else{
  58 + newbanklist[i].sel=false
  59 + }
  60 + }
  61 +
  62 + this.setData({
  63 + banklist:newbanklist
  64 + })
15 65
16 }, 66 },
  67 + shaishow(){
  68 + this.setData({
  69 + gaoji:true
  70 + })
  71 + },
  72 + hideshow(){
  73 + this.setData({
  74 + gaoji: false
  75 + })
  76 + },
17 77
18 /** 78 /**
19 * 生命周期函数--监听页面初次渲染完成 79 * 生命周期函数--监听页面初次渲染完成
1 -<!--pages/qiye/qiye.wxml-->  
2 -<text>pages/qiye/qiye.wxml</text> 1 +<view class="pagebox">
  2 +<view class="companytou">
  3 +
  4 + <view class="qiyehead">
  5 + <view class="qiname">企业清单</view>
  6 + <view class="qiye">
  7 + <input placeholder='搜索' placeholder-class='qiword' />
  8 + </view>
  9 +
  10 + <view class="souimg">
  11 + <view class="searchimg">
  12 + <image src="/img/qisearch.png"></image>
  13 + </view>
  14 + </view>
  15 +
  16 + <view class="shai" bindtap="shaishow">
  17 + <image src="/img/shaixuan.png"></image>
  18 + </view>
  19 +
  20 + </view>
  21 +
  22 + <view class="qibrand">
  23 + <view class="branditem ming">企业名称</view>
  24 + <view class="branditem ">行业分类</view>
  25 + <view class="branditem ping">
  26 + <text>评分</text>
  27 + <view class="brandimg">
  28 + <image src="/img/rowup.png"></image>
  29 + </view>
  30 + </view>
  31 + <view class="branditem ping">
  32 + <text>创建时间</text>
  33 + <view class="brandimg">
  34 + <image src="/img/rowup.png"></image>
  35 + </view>
  36 + </view>
  37 + </view>
  38 +
  39 +</view>
  40 +
  41 +
  42 + <view class="qiyelist" >
  43 + <view class="listitem">
  44 + <view class="itemname">无锡/万利达无锡/万利达</view>
  45 + <view class="hangname">金属加工</view>
  46 + <view class="pingname fenshu">98</view>
  47 + <view class="creattime">2018-02-16</view>
  48 + </view>
  49 + <view class="listitem">
  50 + <view class="itemname">无锡/万利达无锡/万利达</view>
  51 + <view class="hangname">金属加工</view>
  52 + <view class="pingname fenshu">98</view>
  53 + <view class="creattime">2018-02-16</view>
  54 + </view>
  55 + <view class="listitem">
  56 + <view class="itemname">无锡/万利达无锡/万利达</view>
  57 + <view class="hangname">金属加工</view>
  58 + <view class="pingname fenshu">98</view>
  59 + <view class="creattime">2018-02-16</view>
  60 + </view>
  61 + <view class="listitem">
  62 + <view class="itemname">无锡/万利达无锡/万利达</view>
  63 + <view class="hangname">金属加工</view>
  64 + <view class="pingname fenshu">98</view>
  65 + <view class="creattime">2018-02-16</view>
  66 + </view>
  67 + <view class="listitem">
  68 + <view class="itemname">无锡/万利达无锡/万利达</view>
  69 + <view class="hangname">金属加工</view>
  70 + <view class="pingname fenshu">98</view>
  71 + <view class="creattime">2018-02-16</view>
  72 + </view>
  73 + <view class="listitem">
  74 + <view class="itemname">无锡/万利达无锡/万利达</view>
  75 + <view class="hangname">金属加工</view>
  76 + <view class="pingname fenshu">98</view>
  77 + <view class="creattime">2018-02-16</view>
  78 + </view>
  79 + <view class="listitem">
  80 + <view class="itemname">无锡/万利达无锡/万利达</view>
  81 + <view class="hangname">金属加工</view>
  82 + <view class="pingname fenshu">98</view>
  83 + <view class="creattime">2018-02-16</view>
  84 + </view>
  85 + <view class="listitem">
  86 + <view class="itemname">无锡/万利达无锡/万利达</view>
  87 + <view class="hangname">金属加工</view>
  88 + <view class="pingname fenshu">98</view>
  89 + <view class="creattime">2018-02-16</view>
  90 + </view>
  91 + <view class="listitem">
  92 + <view class="itemname">无锡/万利达无锡/万利达</view>
  93 + <view class="hangname">金属加工</view>
  94 + <view class="pingname fenshu">98</view>
  95 + <view class="creattime">2018-02-16</view>
  96 + </view>
  97 + <view class="listitem">
  98 + <view class="itemname">无锡/万利达无锡/万利达</view>
  99 + <view class="hangname">金属加工</view>
  100 + <view class="pingname fenshu">98</view>
  101 + <view class="creattime">2018-02-16</view>
  102 + </view>
  103 + <view class="listitem">
  104 + <view class="itemname">无锡/万利达无锡/万利达</view>
  105 + <view class="hangname">金属加工</view>
  106 + <view class="pingname fenshu">98</view>
  107 + <view class="creattime">2018-02-16</view>
  108 + </view>
  109 + <view class="listitem">
  110 + <view class="itemname">无锡/万利达无锡/万利达</view>
  111 + <view class="hangname">金属加工</view>
  112 + <view class="pingname fenshu">98</view>
  113 + <view class="creattime">2018-02-16</view>
  114 + </view>
  115 + <view class="listitem">
  116 + <view class="itemname">无锡/万利达无锡/万利达</view>
  117 + <view class="hangname">金属加工</view>
  118 + <view class="pingname fenshu">98</view>
  119 + <view class="creattime">2018-02-16</view>
  120 + </view>
  121 + <view class="listitem">
  122 + <view class="itemname">无锡/万利达无锡/万利达</view>
  123 + <view class="hangname">金属加工</view>
  124 + <view class="pingname fenshu">98</view>
  125 + <view class="creattime">2018-02-16</view>
  126 + </view>
  127 + <view class="listitem">
  128 + <view class="itemname">无锡/万利达无锡/万利达</view>
  129 + <view class="hangname">金属加工</view>
  130 + <view class="pingname fenshu">98</view>
  131 + <view class="creattime">2018-02-16</view>
  132 + </view>
  133 + <view class="listitem">
  134 + <view class="itemname">无锡/万利达无锡/万利达</view>
  135 + <view class="hangname">金属加工</view>
  136 + <view class="pingname fenshu">98</view>
  137 + <view class="creattime">2018-02-16</view>
  138 + </view>
  139 + </view>
  140 +</view>
  141 +
  142 +<view class="register" catchtouchmove='true' wx:if="{{gaoji}}">
  143 + <view class="chaimg" bindtap="hideshow">
  144 + <image src="/img/cha.png"></image>
  145 + </view>
  146 + <view class="wrap">
  147 + <view class="gaojisearch">高级搜索</view>
  148 + <view class="hangfen">行业分类</view>
  149 + <view class="fenlist">
  150 + <view class="fenleft">
  151 + <picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}">
  152 + <view class="picker">
  153 + {{array[index]}}
  154 + </view>
  155 + </picker>
  156 + </view>
  157 + <view class="fenright">
  158 + <image src="/img/low.png"></image>
  159 + </view>
  160 +
  161 +
  162 +
  163 + </view>
  164 +
  165 + <view class="hangfen">评分段</view>
  166 +
  167 + <view class="fenduan">
  168 + <view class="fenleft">
  169 + <input placeholder='0.0' type="number" />
  170 + </view>
  171 + <view class="fenheng">-</view>
  172 +
  173 + <view class="fenleft">
  174 + <input placeholder='0.0' type="number" />
  175 + </view>
  176 +
  177 + </view>
  178 + <!-- 所属银行 -->
  179 +
  180 + <view class="bankname">所属银行</view>
  181 + <view class="banklist" >
  182 + <view class="bankitem" wx:for="{{banklist}}" wx:key="" bindtap="chosebank"data-id="{{item.id}}">
  183 + <view class="bankleft" wx:if="{{item.sel==true}}">
  184 + <image src="/img/select.png"></image>
  185 + </view>
  186 + <view class="bankleft" wx:else>
  187 + <image src="/img/noselect.png"></image>
  188 + </view>
  189 + <view class="bankright">{{item.name}}</view>
  190 + </view>
  191 +
  192 + </view>
  193 +
  194 +
  195 + <view class="queding">确定</view>
  196 +
  197 +
  198 +
  199 + </view>
  200 +</view>
1 -/* pages/qiye/qiye.wxss */  
  1 +.companytou{
  2 + position: fixed;
  3 + top:0;
  4 + left:0;
  5 + background: #fff;
  6 +}
  7 +
  8 +.qiyehead {
  9 + display: flex;
  10 + align-items: center;
  11 + padding: 22rpx 30rpx 22rpx 38rpx;
  12 +}
  13 +
  14 +.souimg {
  15 + width: 80rpx;
  16 + height: 64rpx;
  17 + background: #ff9400ff;
  18 + border-radius: 8rpx;
  19 + display: flex;
  20 + align-items: center;
  21 + justify-content: center;
  22 +}
  23 +
  24 +.searchimg {
  25 + width: 36rpx;
  26 + height: 36rpx;
  27 + font-size: 0;
  28 +}
  29 +
  30 +.shai {
  31 + width: 29rpx;
  32 + height: 32rpx;
  33 + font-size: 0;
  34 + margin-left: 35rpx;
  35 +}
  36 +
  37 +.qiname {
  38 + color: #333333ff;
  39 + font-size: 36rpx;
  40 + font-weight: bold;
  41 +}
  42 +
  43 +.qiye {
  44 + width: 368rpx;
  45 + height: 64rpx;
  46 + margin-left: 26rpx;
  47 + background: #f7f8faff;
  48 + color: #ccccccff;
  49 + font-size: 24rpx;
  50 +}
  51 +
  52 +.qiword {
  53 + color: #ccccccff;
  54 + font-size: 24rpx;
  55 +}
  56 +
  57 +.ming {
  58 + width: 206rpx;
  59 +}
  60 +
  61 +.qiye input {
  62 + width: 368rpx;
  63 + height: 64rpx;
  64 + padding: 0 24rpx;
  65 + box-sizing: border-box;
  66 +}
  67 +
  68 +.qibrand {
  69 + display: flex;
  70 + align-items: center;
  71 + padding: 20rpx 26rpx 20rpx 40rpx;
  72 + box-sizing: border-box;
  73 + justify-content: space-between;
  74 + background: #f7f8faff;
  75 +}
  76 +
  77 +.ping {
  78 + display: flex;
  79 + align-items: center;
  80 +}
  81 +
  82 +.branditem {
  83 + color: #666666ff;
  84 + font-size: 28rpx;
  85 + /* margin-right:73rpx; */
  86 +}
  87 +
  88 +.brandimg {
  89 + width: 20rpx;
  90 + height: 27rpx;
  91 + font-size: 0;
  92 + margin-left: 8rpx;
  93 +}
  94 +
  95 +.fenlei {
  96 + margin-left: 73rpx;
  97 +}
  98 +
  99 +.fen {
  100 + margin-left: 73rpx;
  101 +}
  102 +
  103 +.time {
  104 + margin-left: 73rpx;
  105 +}
  106 +.qiyelist{
  107 + margin-top:180rpx;
  108 +}
  109 +
  110 +.listitem {
  111 + display: flex;
  112 + align-items: center;
  113 + padding: 40rpx;
  114 + box-sizing: border-box;
  115 + justify-content: space-between;
  116 + border-bottom: 1rpx solid #f5f5f5;
  117 +}
  118 +
  119 +.itemname {
  120 + width: 182rpx;
  121 + overflow: hidden;
  122 + text-overflow: ellipsis;
  123 + white-space: nowrap;
  124 + color: #333333ff;
  125 + font-size: 28rpx;
  126 +}
  127 +
  128 +.hangname {
  129 + color: #333333ff;
  130 + font-size: 28rpx;
  131 + width: 112rpx;
  132 + overflow: hidden;
  133 + text-overflow: ellipsis;
  134 + white-space: nowrap;
  135 +}
  136 +
  137 +.fenshu {
  138 + color: #ff3038ff;
  139 + font-size: 28rpx;
  140 +}
  141 +
  142 +.creattime {
  143 + color: #999999ff;
  144 + font-size: 24rpx;
  145 +}
  146 +
  147 +.register {
  148 + display: flex;
  149 +}
  150 +
  151 +.wrap {
  152 + width: 582rpx;
  153 + height: 100%;
  154 + background: rgba(255, 255, 255, 1);
  155 + opacity: 1;
  156 + position: absolute;
  157 + right: 0;
  158 + top: 0;
  159 + padding: 0 70rpx 48rpx;
  160 + box-sizing: border-box;
  161 +}
  162 +
  163 +.chaimg {
  164 + width: 65rpx;
  165 + height: 65rpx;
  166 + font-size: 0;
  167 + margin-top: 80rpx;
  168 + margin-left: 63rpx;
  169 +}
  170 +
  171 +.hangfen {
  172 + color: #777777ff;
  173 + font-size: 24rpx;
  174 + margin-top: 64rpx;
  175 +}
  176 +
  177 +.gaojisearch {
  178 + color: #161616ff;
  179 + font-size: 36rpx;
  180 + font-weight: bold;
  181 + margin-top: 86rpx;
  182 +}
  183 +
  184 +.fenlist {
  185 + width: 464rpx;
  186 + height: 64rpx;
  187 + background: #f7f8faff;
  188 + padding: 13rpx 16rpx;
  189 + box-sizing: border-box;
  190 + margin-top: 22rpx;
  191 + border-radius: 10rpx;
  192 + display: flex;
  193 + align-items: center;
  194 + justify-content: space-between;
  195 +}
  196 +
  197 +.fenleft {
  198 + color: #ccccccff;
  199 + font-size: 27rpx;
  200 + width: 350rpx;
  201 +}
  202 +
  203 +.fenright {
  204 + width: 18rpx;
  205 + height: 10rpx;
  206 + font-size: 0;
  207 +}
  208 +
  209 +.fenduan {
  210 + display: flex;
  211 + align-items: center;
  212 + margin-top: 21rpx;
  213 +}
  214 +
  215 +.fenleft {
  216 + width: 224rpx;
  217 + height: 64rpx;
  218 + background: #f7f8faff;
  219 + border-radius: 10rpx;
  220 + text-align: center;
  221 + line-height: 64rpx;
  222 +}
  223 +
  224 +.fenheng {
  225 + color: #777777ff;
  226 + margin-right: 2rpx;
  227 + margin-left: 2rpx;
  228 +}
  229 +
  230 +.bankname {
  231 + margin-top: 42rpx;
  232 + width: 464rpx;
  233 + border-bottom: 1rpx solid #f5f5f5;
  234 + padding-bottom: 20rpx;
  235 + color: #777777ff;
  236 + font-size: 24rpx;
  237 +}
  238 +
  239 +.banklist {
  240 + margin-top: 44rpx;
  241 + border-bottom: 1rpx solid #f5f5f5;
  242 +}
  243 +
  244 +.bankitem {
  245 + display: flex;
  246 + align-items: center;
  247 + margin-bottom: 31rpx;
  248 +}
  249 +
  250 +.bankleft {
  251 + width: 28rpx;
  252 + height: 28rpx;
  253 + font-size: 0;
  254 +}
  255 +
  256 +.bankright {
  257 + color: #161616ff;
  258 + font-size: 28rpx;
  259 + margin-left: 10rpx;
  260 +}
  261 +
  262 +.queding {
  263 + width: 304rpx;
  264 + height: 80rpx;
  265 + background: rgba(252, 178, 55, 1);
  266 + box-shadow: 0rpx 4rpx 12rpx rgba(252, 178, 55, 0.4);
  267 + opacity: 1;
  268 + border-radius: 105rpx;
  269 + margin:79rpx auto 0;
  270 + text-align: center;
  271 + line-height: 80rpx;
  272 + color:#fff;
  273 + font-size: 34rpx
  274 +}