【建站服务】南宁公众号代运营公司-域名申请

日期： 2022-09-21 02:21:33 浏览数：10

上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。

南宁公众号代运营公司

网站建设.png

二、页面的布局
欧美风格的网站在图片的应用上喻意传达很有内涵，图片处理很精致细腻，与区域的划分区块大小搭配很合理恰当，而且一般都集中在页面的头部，或者中间位置，少有在页面中与区块错落混排的情况。同时欧美风格网站上的图片的广告作用十分突出，为了突出宣传效果，往往都会使用大幅的图片或者动画，因此这些内容一般也都会摆放在页头或者中间这些醒目的位置。使用文字的位置摆放也很有讲究，一般文字与图片都是在分布在两个区块里，较少使用图文混排的方式，即使使用图文混排的方式，图片与文字的间隔也会大一些。这样会使图片和文字说明的内容分开，使文字说明的作用更突出。

三、应用单独色块对区域及重点内容进行划分
网站在色彩的应用上，主色调一般都选用一些给人以稳重深沉的颜色，如：灰色、深蓝色、黑色等等。但除了这些基础底色的运用，欧美网站风格的设计师也会应用一些色彩鲜艳，表现强烈的颜色应用到网站的设计中来，比如一些传媒娱乐业或者电子产品的宣传网站则会应用这些色彩加深浏览者的印象，以达到加重浏览者感观刺激的作用，但

据上面所写设想出自己的图书购买清单:

<div id="books">
  <table>
    <tr>
      <th>序列号</th>
      <th>书名</th>
      <th>价格</th>
      <th>数量</th>
      <th>操作</th>
    </tr>
    <tr v-for="book in Books">
      <td>{{ book.id }}</td>
      <td>{{ book.book_name }}</td>
      <td>{{ book.price }}</td>
      <td>
        <button v-on:click="book.count-=1">-</button>
        {{ book.count }}        <button v-on:click="book.count+=1">+</button>
      </td>
      <td><button v-on:click="book.count=0">移除</button></td>
    </tr>
  </table>
 <p>总价:{{ totalPrice() }}   <button v-on:click="clear()">移除所有</button>  <button v-on:click="all_add_1()">所有+1</button></p></div>

尝试一下 »

chris iven3年前 (2019-12-07)

简单省市联动：

var vm = new Vue({
  el: '#app',
  data: {
    city: '请选择',
    province: '请选择',
    provinces: ['广东', '湖南', '湖北', '北京'],
    cityList: [],
    area: [{
      name: '广东',
      id: 1,
      child: ['广州', '深圳', '东莞']
    },
    {
      name: '湖南',
      id: 2,
      child: ['长沙', '株洲', '湘潭']
    },
    {
      name: '湖北',
      id: 3,
      child: ['武汉']
    },
    {
      name: '北京',
      id: 4,
      child: ['北京']
    }]
  },
  watch: {
    province: function(nval, oval) {
      var self = this;
      var cityList = [];
      if (nval == '请选择') {
        this.citylist = [];
      }
      if (nval != oval) {
        for (var i = 0; i < self.area.length; i++) {
          if (self.area[i].name == nval) {
            cityList = self.area[i].child;
          }
        }
        this.city = "请选择";
        this.cityList = cityList;
      }
    }
  }})

尝试一下 »

yc4883年前 (2019-12-11)

参考楼上，购物车进行加工处理（computed也可实现相同效果，且由于其依赖缓存，所以性能上更好）：

<!DOCTYPE html><html lang="en"><head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script></head><body>
  <div id="app">
    <table>
      <tr>
        <th>序号</th>
        <th>商品名称</th>
        <th>商品价格</th>
        <th>购买数量</th>
        <th>操作</th>
      </tr>
      <tr v-for="(c, index) in commoditys" :key="index">
        <td>{{ c.id }}</td>
        <td>{{ c.name }}</td>
        <td>{{ c.price | dot }}</td>
        <td>
          <input type="button" value="-" :disabled="c.count === 0" @click="c.count > 0 ? c.count-- : c.count = 0" />
          {{ c.count }}          <input type="button" value="+" @click="c.count++" />
        </td>
        <td>
          <input type="button" value="移除" @click="c.count=0" />
        </td>
      </tr>
    </table>
    <div>
      总价：${{ totalPrice | dot }}      <input type="button" value="清空" @click="clearAll" />
      <input type="button" value="所有+1" @click="add" />
    </div>
  </div>
  <script>
    const app = new Vue({
      // 挂载元素
      el: '#app',
      // 数据
      data: {
        commoditys: [
          {
            id: 1,
            name: 'iphone 8',

南宁公众号代运营公司

上往建站提供搭建网站，域名注册，官网备案服务，网店详情页设计，企业网店，专业网络店铺管理运营全托管公司咨询电话，服务器空间，微信公众号托管，网页美工排版,致力于域名申请，竞价托管，软文推广，全网营销,提供标准级专业技术保障，了却后顾之忧,主营：虚拟主机，网站推广，百度竞价托管，网站建设，上网建站推广服务，网络公司有哪些等业务，专业团队服务，效果好。

服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）