前端小程序页面常用效果

<!--动态改变状态-->
{{order.status==1?'待付款':''}}

<!--动态改变class样式-->
<image src="{{item.pic}}" class='{{index==0?"acta":""}}{{index==1?"actb":""}}{{index==2?"actc":""}}{{index==3?"actd":""}}{{index==4?"acte":""}}'></image>

<!--评价转格式-->
var WxParse = require('../../wxParse/wxParse.js');
var cart_comm_list = res.comment;
        for (var i in cart_comm_list) {
          var comm = cart_comm_list[i].content
          console.log(cart_comm_list[i].content);
          WxParse.wxParse("commenttit", "html", comm, page);
        }
<import src="../../wxParse/wxParse.wxml" />
<template is="wxParse" data="{{wxParseData:commenttit.nodes}}" />
<!--购物车 获取被选中商品id用,隔开-->
var cart_list = page.data.cart_list;
    var cart_id_list = [];
    var jsid;
    for (var i in cart_list) {
      if (cart_list[i].checked)
        cart_id_list.push(cart_list[i].id);
    }
    jsid = cart_id_list.join(",");
<!--购物车 计算总价-->
updateTotalPrice: function() {
    var page = this;
    var cart_list = page.data.cart_list;
    let total = 0;
    for (var i in cart_list) {
      if (cart_list[i].checked) {
        total += cart_list[i].num * cart_list[i].selling_price
      }
    }
    page.setData({ 
      total_price: total.toFixed(2),
    });
 },

<!--转发-->
onShareAppMessage: function(options) {
    var user_info = wx.getStorageSync('user_info');
    var uid = user_info.user_info.id;
    if (options.from === 'button') {
      //console.log(options.target)
    }
    var that = this;
    var f_id = that.data.f_id;
    console.log(f_id);
    return {
      title: "",
      path: 'pages/index/index?uid=' + uid + '&&f_id=' + f_id,
      success: function(res) {
        //console.log(res)
        if (res.errMsg == 'shareAppMessage:ok') {}
      },
      fail: function(res) {
        if (res.errMsg == 'shareAppMessage:fail cancel') {
          wx.showToast({
            title: '转发取消',
          })
        } else if (res.errMsg == 'shareAppMessage:fail') {
          wx.showToast({
            title: '转发失败',
          })
        }
      }
    }
  },

<!--form模板消息-->
<form bindreset="formReset" bindsubmit="formGoTo" report-submit="true">
    <button form-type='submit' data-name='buttonName'>
      <view>

      </view>
    </button>
  </form>
formGoTo: function(e) {
    var that = this
    var formid = e.detail.formId; //在参数中获取formid
    var content = e.detail.target.dataset.name //记录用户的操作
    console.log('form发生了submit事件，推送码为：', formid)
    console.log('button点击事件来自：', content)//执行formid提交方法
    that.submintFromId(formid)
    console.log(formid)
  }, //向后台发送formid
  submintFromId: function(formid) {
    var user_info = wx.getStorageSync('user_info');
    var uid = user_info.user_info.id;
    console.log(uid)
    var that = this
    wx.request({
      url: 'er/get_formid',
      method: "POST",
      data: {
        uid: uid,
        fm: formid,
      },
      header: {
        'content-type': 'application/x-www-form-urlencoded' //默认值
      },
      success: function(response) {
        console.log(response)
      },
      fail: function(err) {
        console.log('fromid提交失败')
      },
      //因为自己开始跳转页面和提交formid操作是分开的，调试时没问题，正式版本就有问题了，当时没有注意到，后来意识到是跳转事件给打断了，各位用的时候请注意
    })
  },

更新中...