1.app首页开发完成

loulijun2021

2022-09-19 a263dd50386b73f9992919a932f98b4bd5585052

 pages/test/test1.html

@@ -68,16 +68,21 @@

               <p>刷新次数: {{ count }}</p>
            </van-pull-refresh>
<!-- 
            <van-card num="2" tag="标签" price="2.00" desc="描述信息" title="商品标题"
               thumb="https://img01.yzcdn.cn/vant/ipad.jpeg" origin-price="10.00" /> -->
            
            <van-card
              num="2"
              tag="标签"
              price="2.00"
              desc="描述信息"
              title="商品标题"
              thumb="https://img01.yzcdn.cn/vant/ipad.jpeg"
              origin-price="10.00"
            />

               <van-popover
              v-model="showPopover"
              trigger="click"
              :actions="actions"
              @select="onSelect"
            >
              <template #reference>
                <van-button type="primary">浅色风格</van-button>
              </template>
            </van-popover>
         </div>
      </div>
   </body>
@@ -94,6 +99,15 @@
               show: false,
               count: 0,
               isLoading: false,
               showPopover: false,
               // 通过 actions 属性来定义菜单选项
               actions: [{
                  text: '选项一'
               }, {
                  text: '选项二'
               }, {
                  text: '选项三'
               }],
            }
         },
         created() {
@@ -103,6 +117,9 @@
            // console.log(vant.Toast('xxx'))
         },
         methods: {
            onSelect(action) {
               Toast(action.text);
            },
            onClickLeft() {

            },