【建站服务】南宁淘宝装修/南宁京东店铺设计/南宁拼多多网店装修公司/南宁企业网店开通申请-网店装修设计-域名申请

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

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

南宁淘宝装修/南宁京东店铺设计/南宁拼多多网店装修公司/南宁企业网店开通申请-网店装修设计

网站建设.png

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

三、应用单独色块对区域及重点内容进行划分
网站在色彩的应用上，主色调一般都选用一些给人以稳重深沉的颜色，如：灰色、深蓝色、黑色等等。但除了这些基础底色的运用，欧美网站风格的设计师也会应用一些色彩鲜艳，表现强烈的颜色应用到网站的设计中来，比如一些传媒娱乐业或者电子产品的宣传网站则会应用这些色彩加深浏览者的印象，以达到加重浏览者感观刺激的作用，但大体都会使用同一颜色或者单独颜色。而设计师有时候为了突出表现一些内容的时候，也会通过应用与主色调反差明显或者较大的颜色来作为显示内容的底色，从而使内容在整个网站上显得更为突出。

Vue.js 条件语句

条件判断

v-if

条件判断使用 v-if 指令：

v-if 指令

在元素和 template 中使用 v-if 指令：

<div id="app">
    <p v-if="seen">现在你看到我了</p>
    <template v-if="ok">
      <h1>菜鸟教程</h1>
      <p>学的不仅是技术，更是梦想！</p>
      <p>哈哈哈，打字辛苦啊！！！</p>
    </template></div>
    <script>new Vue({
  el: '#app',
  data: {
    seen: true,
    ok: true
  }
})</script>

尝试一下 »

这里， v-if 指令将根据表达式 seen 的值(true 或 false )来决定是否插入 p 元素。

在字符串模板中，如 Handlebars ，我们得像这样写一个条件块：

<!-- Handlebars 模板 -->
{{#if ok}}
  <h1>Yes</h1>
{{/if}}

v-else

可以用 v-else 指令给 v-if 添加一个 "else" 块：

v-else 指令

随机生成一个数字，判断是否大于0.5，然后输出对应信息：

<div id="app">
    <div v-if="Math.random() > 0.5">
      Sorry    </div>
    <div v-else>
      Not sorry    </div></div>
    <script>new Vue({
  el: '#app'
})</script>

尝试一下 »

v-else-if

v-else-if 在 2.1.0 新增，顾名思义，用作 v-if 的 else-if 块。可以链式的多次使用：

v-else 指令

判断 type 变量的值：

<div id="app">
    <div v-if="type === 'A'">
      A    </div>
    <div v-else-if="type === 'B'">
      B    </div>
    <div v-else-if="type === 'C'">
      C    </div>
    <div v-else>
      Not A/B/C    </div></div>
    <script>new Vue({
  el: '#app',
  data: {
    type: 'C'
  }
})</script>

尝试一下 »

v-else 、v-else-if 必须跟在 v-if 或者 v-else-if之后。

v-show

我们也可以使用 v-show 指令来根据条件展示元素：

v-show 指令

<h1 v-show="ok">Hello!</h1>

尝试一下 »

南宁淘宝装修/南宁京东店铺设计/南宁拼多多网店装修公司/南宁企业网店开通申请-网店装修设计

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

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