devbox
我家自动化
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

微信小程序canvas绘制曲线图表

作者：我家自动化 | 2024-05-02 23:15:03

赞

踩

微信小程序canvas绘制曲线图表

先上图 不能耽误大家时间。由于也是才入手小程序 很多不会代码有点乱 看官些能用就用不能用就看看哈。
在这里插入图片描述
view代码

<view class="efficacy">
	<!-- 曲线 -->
	<view class="chartsBox">
		<view style="display:flex;justify-content: space-between;">
			<view class="efficacyName" style="color:{{curve.lineColor}}">{{curve.name}}
				<view style="background:{{curve.lineColor}}"></view>
			</view>
		</view>
		<view class="canvasBox">
			<scroll-view class="temp_day_box" scroll-x bindscroll='scrollCanvas'>
				<canvas canvas-id='curveCanvas' id='curveCanvas' class='curveCanvas'> </canvas>
				<canvas canvas-id='lines' id='lines'  class='lines'> </canvas>
				<view class="xCoordinate" bindtap="getZuoBiao" >
					<view class="xCoordinateTime{{index}} xCoordinateTime" wx:for="{{curve.date}}" wx:key="index" data-index="{{index}}" >
          {{item}}
    <!-- 分数提示线 -->
						<cover-view class="scoreTip" wx-if="{{numShiow&&index==tipIndex}}">
							<cover-view class="scoreBg" style="height:{{144}}px;">
								<cover-view class="score" style="top:-{{180-tipHeight}}px;color:{{curve.lineColor}}">{{score}}</cover-view>
								<cover-view class="scoreBox" style="top:-{{174-tipHeight}}px;background:{{curve.lineColor}}"></cover-view>
							</cover-view>
							<cover-view class="scoreLine" style="height:{{190-tipHeight}}px;background:{{curve.lineColor}}"></cover-view>
						</cover-view>
					</view>
				</view>
			</scroll-view>
		</view>
	
	</view>
</view>

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30

css代码

/* pages/curveCharts/curveCharts.wxss *//* pages/experience/tests/tests.wxss */
.efficacy{
  /* width: 100%; */
  /* height: 1000px; */
  background: #eef7fe;
  padding:30rpx;
}
/* 曲线 */
.efficacyName {
  color: #e2c162;
  font-size: 26rpx;
  font-weight: bold;
  display: flex;
  margin-bottom: 30rpx;
  line-height: 30rpx;
}

.efficacyName>view {
  width: 26rpx;
  height: 26rpx;
  margin-left: 10rpx;
  border-radius: 4rpx;
}
.chartsBox{
  position: relative;
  width: 100%;
  margin-bottom:40rpx;
}
.canvasBox{
  width:690rpx;
  height:420rpx;
  position: relative;
  background: #fff;
  border-radius: 30rpx;
  box-shadow: 0 10px 15px rgba(0,0,0,0.1);
  overflow: auto;
  overflow-y:hidden;
  /* overflow-x:scroll; */
}
.curveCanvas{
  /* width:100%; */
  width:450px;
  height:500rpx;
  position: relative;
  left: -10px;
  top: -28px;
}
.xCoordinate{
  position: absolute;
  top: 0;
  /* left:30rpx; */
  display: flex;
  /* width: 690rpx; */
  height: 100%;
  overflow: auto;
}
.xCoordinateTime{
  padding-left:4rpx;
  font-size:20rpx;
  color: #fff;
  /* color: red; */
  width: 98rpx;
}
.lines{
  /* width:100%; */
  width:450px;
  position: absolute;
  top: -21px;
  left: -10px;
}
canvas{
  width:none;
  height: none;
}
.scoreTip{
position: absolute;
top:0;
height:345rpx;
}
.scoreBg{
  width:80rpx;
  height:170rpx;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  flex-direction: column;
  align-items: center;
 justify-content: flex-end;
  position: relative;
}
.score{
  color: #d2b567;
  font-size: 20rpx;
  position: relative;
  bottom: 10rpx;
  top: 10rpx;
}
.scoreBox{
  width: 12rpx;
  height: 12rpx;
  background:#d2b567;
  border-radius: 50%;
   position: relative;
  bottom: 10rpx;
  top: 10rpx;
}
.scoreLine{
  width:8rpx;
  height:119px;
  background:#d2b567;
  border-radius:3rpx;
 position: absolute;
  left:0;
  right: 0;
  bottom:8rpx;
margin:auto;
}




  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83
  • 84
  • 85
  • 86
  • 87
  • 88
  • 89
  • 90
  • 91
  • 92
  • 93
  • 94
  • 95
  • 96
  • 97
  • 98
  • 99
  • 100
  • 101
  • 102
  • 103
  • 104
  • 105
  • 106
  • 107
  • 108
  • 109
  • 110
  • 111
  • 112
  • 113
  • 114
  • 115
  • 116
  • 117
  • 118
  • 119

js代码

// pages/experience/tests/tests.js
let curve = {
  mW: 345, //canvas宽
  mH: 250, //canvas高
  mCenter: 180, //中心点
  hCenter: 125, //中心点
  points: []
};
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 数字提示
    numShiow: false,
    tipLeft: 0, //提示的x坐标
    tipHeight: 0, //提示线条的高度
    curveColText: ['100', '80', '60', '40', '20', '0'], //y轴
    // 主要数据
    curve: {
      bgColor: "#fcede0",
      date: ["09-08", "09-09", "09-11", "09-12", "09-14", "09-16", "09-17", "09-18", "09-28"],
      lineColor: "#f9d3b5",
      list: [62, 67, 76, 70, 76, 85, 85, 88, 57],
      name: "肤色",
      xData: [],
    },
    tipIndex: 0,
    whatShow: false,
    getshow: false,
  
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    let {curveColText } = this.data //y坐标
    let {bgColor,date,lineColor,list,xData } = this.data.curve //y坐标
    let curveCanvas = wx.createCanvasContext('curveCanvas');
    let lines = wx.createCanvasContext('lines');
    this.drawLines(list, lines);
    this.drawCurve(curveCanvas, curveColText, date, list, xData, lineColor, bgColor);
    },
  // gundong
  scrollCanvas: function (e) {
    console.log(e);
    let index = e.currentTarget.dataset.index
    var canvasLen = e.detail.scrollLeft;
      this.setData({
        indexScroll: index,
        canvasLen: canvasLen
      })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  // 获取坐标
  getZuoBiao(e) {
    let indexs = e.currentTarget.dataset.indexs
    let index = e.target.dataset.index
    let x = e.detail.x
    this.setData({
      tipIndexs: indexs,
      tipIndex: index
    })
    console.log(e)
    let tipHeight =this.data.curve.xData[index].y
    let tipLeft =this.data.curve.xData[index].x
    console.log('x坐标',x)
    console.log(tipHeight)
    this.setData({
      numShiow: true,
      tipLeft:tipLeft-10,
      tipHeight:tipHeight
    })
    let score = this.data.curve.list[index]
    console.log(this.data.curve.list[index])
    console.log(this.data.curve.date[index])
   
    this.setData({
      score: score,
    })
    

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
   
  },
  //
  // 曲线
  drawCurve(curveCtx, curveColText, curveText, curveData, xData, LineColor, colorEnd) {
    this.drawLineBg(curveCtx); //画横纵坐标框架
    this.drawLineColText(curveColText, curveCtx); //绘制纵坐标文字
    this.drawLineRowText(curveText, curveCtx, xData); //绘制横坐标文字
    this.drawCurveCtx(curveData, curveCtx, xData, LineColor, colorEnd); //绘制曲线
    curveCtx.draw();
  },
  // 阴影
  drawLines(curveData, curveCtx) {
    this.drawCurveCtxs(curveData, curveCtx); //绘制曲线
    curveCtx.draw();
  },
  drawCurveCtx(mData, lineCtx, xData, LineColor, colorEnd) {
    curve.points = [];
    for (let i = 0; i < mData.length; i++) {
      curve.points.push({
        x: 29.5 + i * 52,
        y: 200 - mData[i] / 100 * 150
      });
    }
    this.drawCurvePath(curve.points, lineCtx, LineColor, colorEnd);
    // 获取y轴做线条高度
    curve.points.forEach((v, i) => {
      xData[i].y = v.y
    })
  },
  // 阴影
  drawCurveCtxs(mData, lineCtx) {
    curve.points = [];
    for (let i = 0; i < mData.length; i++) {
      curve.points.push({
        x: 29.5 + i * 52,
        y: 200 - mData[i] / 100 * 150
      });
    }
    this.drawCurvePaths(curve.points, lineCtx);
  },
  // 绘制曲线背景
  drawCurvePath(path, ctx, LineColor, colorEnd) {
    var point = getControlPoint(path);
    ctx.beginPath();
    const grd = ctx.createLinearGradient(174, 180, 200, 0);
    grd.addColorStop(0, '#ffffff');
    grd.addColorStop(0.8, colorEnd);
    grd.addColorStop(1, colorEnd);
    ctx.setFillStyle(grd);
    ctx.setGlobalAlpha(0.8);
    ctx.beginPath();
    ctx.moveTo(29, 200);
    ctx.lineTo(curve.points[0].x, curve.points[0].y);
    var int = 0;
    for (let i = 0; i < curve.points.length; i++) {
      if (i == 0) {
        ctx.quadraticCurveTo(point[0].x, point[0].y, curve.points[1].x, curve.points[1].y);
        int = int + 1;
      } else if (i < curve.points.length - 2) {
        ctx.bezierCurveTo(point[int].x, point[int].y, point[int + 1].x, point[int + 1].y, curve.points[i + 1].x, curve.points[i + 1].y);
        int += 2;
      } else if (i == curve.points.length - 2) {
        ctx.quadraticCurveTo(point[point.length - 1].x, point[point.length - 1].y, curve.points[curve.points.length - 1].x, curve.points[curve.points.length - 1].y);
      }
    }
    ctx.lineTo(curve.points[curve.points.length - 1].x, 200);
    ctx.fill();
    ctx.closePath();
    this.drawCurveSign(point, ctx, LineColor)
  },
  
  // 绘制点加线
  drawCurveSign(point, ctx, LineColor) {
    // 绘制线
    ctx.beginPath();
    ctx.setStrokeStyle(LineColor);
    ctx.setGlobalAlpha(1);
    ctx.setLineWidth(4);
    var int = 0;
    ctx.moveTo(curve.points[0].x - 20, curve.points[0].y);
    for (var i = 0; i < curve.points.length; i++) {
      if (i == 0) {
        ctx.quadraticCurveTo(point[0].x, point[0].y, curve.points[1].x, curve.points[1].y);
        int = int + 1;
      } else if (i < curve.points.length - 2) {
        ctx.bezierCurveTo(point[int].x, point[int].y, point[int + 1].x, point[int + 1].y, curve.points[i + 1].x, curve.points[i + 1].y);
        int += 2;
      } else if (i == curve.points.length - 2) {
        ctx.quadraticCurveTo(point[point.length - 1].x, point[point.length - 1].y, curve.points[curve.points.length - 1].x, curve.points[curve.points.length - 1].y);
      }
    }
    ctx.stroke();
    // 绘制点
    // ctx.beginPath();
    // ctx.setGlobalAlpha(1);
    // for (let i = 0; i < curve.points.length; i++) {
    //   ctx.beginPath();
    //   ctx.arc(curve.points[i].x, curve.points[i].y, 5, 0, 2 * Math.PI);
    //   console.log('点',curve.points[i].x, curve.points[i].y, 5, 0, 2 * Math.PI)
    //   ctx.setFillStyle("#3388FF");
    //   ctx.fill();
    //   ctx.closePath();
    // }
  },
  // 阴影
  // 绘制曲线背景
  drawCurvePaths(path, ctx) {
    var point = getControlPoint(path);
    ctx.beginPath();
    this.drawCurveSigns(point, ctx)
  },
  drawCurveSigns(point, ctx) {
    // 绘制线
    ctx.beginPath();
    ctx.setStrokeStyle("rgba(0,0,0,0.05)");
    // ctx.setStrokeStyle("red");
    ctx.setGlobalAlpha(1);
    ctx.setLineWidth(4);
    var int = 0;
    ctx.moveTo(curve.points[0].x - 20, curve.points[0].y);
    for (var i = 0; i < curve.points.length; i++) {
      if (i == 0) {
        ctx.quadraticCurveTo(point[0].x, point[0].y, curve.points[1].x, curve.points[1].y);
        int = int + 1;
      } else if (i < curve.points.length - 2) {
        ctx.bezierCurveTo(point[int].x, point[int].y, point[int + 1].x, point[int + 1].y, curve.points[i + 1].x, curve.points[i + 1].y);
        int += 2;
      } else if (i == curve.points.length - 2) {
        ctx.quadraticCurveTo(point[point.length - 1].x, point[point.length - 1].y, curve.points[curve.points.length - 1].x, curve.points[curve.points.length - 1].y);
      }
    }
    ctx.stroke();
  },

  // 画横坐标
  drawLineBg(lineCtx) {
    lineCtx.setStrokeStyle("#fff");
    for (let i = 0; i < 6; i++) {
      lineCtx.moveTo(curve.mCenter - 160, 50 + 30 * i);
      lineCtx.lineTo(curve.mCenter + 160, 50 + 30 * i);
      lineCtx.stroke();
    }
  },
  // 绘制横坐标文字
  drawLineRowText(mData, lineCtx, xData) {
    lineCtx.setFillStyle("#333");
    lineCtx.setFontSize(12); //设置字体
    for (let i = 0; i < mData.length; i++) {
      if (mData.length >= 3 && mData[1] != '') {
        lineCtx.fillText(mData[i], 20 + i * 49, 220);
        xData.push({
          tiem: mData[i],
          x: 20 + i * 49,
          y: 0
        })

        // lineCtx.fillText(mData[i][1], 15 + i * 65, 235);
      } else if (mData[1] == '') {
        // 数据小于等于2的时候的坐标
        lineCtx.fillText(mData[i], 60 + i * 90, 220);
        // lineCtx.fillText(mData[i][1], 35 + i * 80, 235);
        xData.push({
          tiem: mData[i],
          x: 20 + i * 49,
          y: 0
        })
      } else if (mData[2] == '') {
        // 数据小于等于1的时候的坐标
        lineCtx.fillText(mData[i], 20 + i * 90, 220);
        // lineCtx.fillText(mData[i][1], 35 + i * 80, 235);
        xData.push({
          tiem: mData[i],
          x: 20 + i * 49,
          y: 0
        })
      }
    }
    // this.setData({
    //   xData: xData
    // })
  },
  // 绘制纵坐标文字
  drawLineColText(mData, lineCtx) {
    lineCtx.beginPath();
    lineCtx.setFillStyle("#fff");
    for (let i = 0; i < 6; i++) {
      lineCtx.fillText(mData[i], 10, 55 + 30 * i);
    }
  },



  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },
  // 日历
  // 日历
  onDayClick: function (event) {
    console.log(event.detail)
    wx.showToast({
      title: '日期被点击，具体信息请看Console信息',
      icon: 'none'
    })
  },
  onRangeComplete: function (event) {
    console.log(event.detail)
    var begin = new Date(event.detail.begin);
    var end = new Date(event.detail.end);
    // + ' ' + d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds()
    var begintime = begin.getFullYear() + '-' + (begin.getMonth() + 1) + '-' + begin.getDate();
    var endtime = end.getFullYear() + '-' + (end.getMonth() + 1) + '-' + end.getDate();
    console.log(begintime)
    console.log(endtime)
    this.setData({
      beginDate: begintime,
      endDate: endtime
    })
    this.getJieGuo(begintime, endtime)

  },
  onMonthChange: function (event) {
    console.log(event.detail)
    wx.showToast({
      title: '月份变换，具体信息请看Console信息',
      icon: 'none'
    })
  },
})
// quxian
// 折线变曲线
let Vector2 = function (x, y) {
  this.x = x;
  this.y = y;
};
Vector2.prototype = {
  "length": function () {
    return Math.sqrt(this.x * this.x + this.y * this.y);
  },
  "normalize": function () {
    let inv = 1 / this.length() == Infinity ? 0 : 1 / this.length();
    return new Vector2(this.x * inv, this.y * inv);
  },
  "add": function (v) {
    return new Vector2(this.x + v.x, this.y + v.y);
  },
  "multiply": function (f) {
    return new Vector2(this.x * f, this.y * f);
  },
  "dot": function (v) {
    return this.x * v.x + this.y * v.y;
  },
  "angle": function (v) {
    return Math.acos(this.dot(v) / (this.length() * v.length())) * 180 / Math.PI;
  }
};

function getControlPoint(path) {
  let rt = 0.3;
  let count = path.length - 2;
  let arr = [];
  for (let i = 0; i < count; i++) {
    let a = path[i];
    let b = path[i + 1];
    let c = path[i + 2];
    let v1 = new Vector2(a.x - b.x, a.y - b.y);
    let v2 = new Vector2(c.x - b.x, c.y - b.y);
    let v1Len = v1.length();
    let v2Len = v2.length();
    let centerV = v1.normalize().add(v2.normalize()).normalize();
    let ncp1 = new Vector2(centerV.y, centerV.x * -1);
    let ncp2 = new Vector2(centerV.y * -1, centerV.x);
    if (ncp1.angle(v1) < 90) {
      let p1 = ncp1.multiply(v1Len * rt).add(b);
      let p2 = ncp2.multiply(v2Len * rt).add(b);
      arr.push(p1, p2);
    } else {
      let p1 = ncp1.multiply(v2Len * rt).add(b);
      let p2 = ncp2.multiply(v1Len * rt).add(b);
      arr.push(p2, p1);
    }
  }
  return arr;
};

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83
  • 84
  • 85
  • 86
  • 87
  • 88
  • 89
  • 90
  • 91
  • 92
  • 93
  • 94
  • 95
  • 96
  • 97
  • 98
  • 99
  • 100
  • 101
  • 102
  • 103
  • 104
  • 105
  • 106
  • 107
  • 108
  • 109
  • 110
  • 111
  • 112
  • 113
  • 114
  • 115
  • 116
  • 117
  • 118
  • 119
  • 120
  • 121
  • 122
  • 123
  • 124
  • 125
  • 126
  • 127
  • 128
  • 129
  • 130
  • 131
  • 132
  • 133
  • 134
  • 135
  • 136
  • 137
  • 138
  • 139
  • 140
  • 141
  • 142
  • 143
  • 144
  • 145
  • 146
  • 147
  • 148
  • 149
  • 150
  • 151
  • 152
  • 153
  • 154
  • 155
  • 156
  • 157
  • 158
  • 159
  • 160
  • 161
  • 162
  • 163
  • 164
  • 165
  • 166
  • 167
  • 168
  • 169
  • 170
  • 171
  • 172
  • 173
  • 174
  • 175
  • 176
  • 177
  • 178
  • 179
  • 180
  • 181
  • 182
  • 183
  • 184
  • 185
  • 186
  • 187
  • 188
  • 189
  • 190
  • 191
  • 192
  • 193
  • 194
  • 195
  • 196
  • 197
  • 198
  • 199
  • 200
  • 201
  • 202
  • 203
  • 204
  • 205
  • 206
  • 207
  • 208
  • 209
  • 210
  • 211
  • 212
  • 213
  • 214
  • 215
  • 216
  • 217
  • 218
  • 219
  • 220
  • 221
  • 222
  • 223
  • 224
  • 225
  • 226
  • 227
  • 228
  • 229
  • 230
  • 231
  • 232
  • 233
  • 234
  • 235
  • 236
  • 237
  • 238
  • 239
  • 240
  • 241
  • 242
  • 243
  • 244
  • 245
  • 246
  • 247
  • 248
  • 249
  • 250
  • 251
  • 252
  • 253
  • 254
  • 255
  • 256
  • 257
  • 258
  • 259
  • 260
  • 261
  • 262
  • 263
  • 264
  • 265
  • 266
  • 267
  • 268
  • 269
  • 270
  • 271
  • 272
  • 273
  • 274
  • 275
  • 276
  • 277
  • 278
  • 279
  • 280
  • 281
  • 282
  • 283
  • 284
  • 285
  • 286
  • 287
  • 288
  • 289
  • 290
  • 291
  • 292
  • 293
  • 294
  • 295
  • 296
  • 297
  • 298
  • 299
  • 300
  • 301
  • 302
  • 303
  • 304
  • 305
  • 306
  • 307
  • 308
  • 309
  • 310
  • 311
  • 312
  • 313
  • 314
  • 315
  • 316
  • 317
  • 318
  • 319
  • 320
  • 321
  • 322
  • 323
  • 324
  • 325
  • 326
  • 327
  • 328
  • 329
  • 330
  • 331
  • 332
  • 333
  • 334
  • 335
  • 336
  • 337
  • 338
  • 339
  • 340
  • 341
  • 342
  • 343
  • 344
  • 345
  • 346
  • 347
  • 348
  • 349
  • 350
  • 351
  • 352
  • 353
  • 354
  • 355
  • 356
  • 357
  • 358
  • 359
  • 360
  • 361
  • 362
  • 363
  • 364
  • 365
  • 366
  • 367
  • 368
  • 369
  • 370
  • 371
  • 372
  • 373
  • 374
  • 375
  • 376
  • 377
  • 378
  • 379
  • 380
  • 381
  • 382
  • 383
  • 384
  • 385
  • 386
  • 387
  • 388
  • 389
  • 390
  • 391
  • 392
  • 393
  • 394
  • 395
  • 396
  • 397
  • 398
  • 399
  • 400
  • 401
  • 402
  • 403
  • 404
  • 405
  • 406
  • 407
  • 408
  • 409
  • 410
  • 411
  • 412

借鉴
完整代码块

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/我家自动化/article/detail/526574
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。