<template>
  <ui-page-layout title="产品介绍">
    <ui-scroll-view>
      <ui-swiper :showPagination="true" :items="banner1" class="w-full h-750rem"></ui-swiper>
      <div class="px-24rem bg-white">
        <div class="leading-50rem text-size-36rem mt-24rem">
          这里是产品名这里是产品名这里是产品名
        </div>
        <div class="leading-42rem text-[#686868] text-size-30rem">
          这里是文章简介或摘要内容，这里是文章简介或摘要内容这里是文章简介或摘要内容，这里是文章简介
        </div>
        <div class="mt-40rem">
          <span class="text-size-30rem text-[#686868]">{{$t("售价")}}：</span>
          <span class="text-primary text-size-48rem font-300">¥79.00</span>
        </div>
        <div class="mt-50rem text-size-36rem text-[#282828]">
          购买说明
        </div>
        <div class="mt-14rem font-300 text-size-30rem leading-42rem rounded-3rem bg-[#F7F7F7] pt-22rem pl-26rem pb-34rem pr-39rem">
          购买说明内容购买说明内容购买说明内容购买说明 购买说明内容购买说明内容内容
        </div>
        <div class="mt-50rem text-size-36rem text-[#282828]">产品详情</div>
        
        <div v-html="html"> </div>
        <div @click="$router.push('/order-confirm')" class=" w-600rem h-88rem flex justify-center items-center text-white bg-primary rounded-full mx-auto">
          立即购买
        </div>
      </div>

    </ui-scroll-view>
  </ui-page-layout>

</template>

<script>
export default {
  data() {
    return {
      banner1: [
        { url: "/imgs/banner1.png", title: "" },
        { url: "/imgs/banner1.png", title: "" },
        { url: "/imgs/banner1.png", title: "" },
        { url: "/imgs/banner1.png", title: "" },
        { url: "/imgs/banner1.png", title: "" },
      ],
      html: `<p><span style="font-size:16rem">据央视新闻7月22日消息，俄罗斯国防部发言人科纳申科夫21日通报说，俄军在尼古拉耶夫和克拉玛托尔斯克打击了乌军多个指挥所。</span></p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p><span style="font-size:16rem"><img alt="" src="/imgs/article-detail-pic-1.png" style="width:100%" /></span></p>

<p>&nbsp;</p>

<p><span style="font-size:16rem">据央视新闻7月22日消息，俄罗斯国防部发言人科纳申科夫21日通报说，俄军在尼古拉耶夫和克拉玛托尔斯克打击了乌军多个指挥所。</span></p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p><span style="font-size:16rem">另据央视新闻报道称，当地时间21日，欧洲理事会公布了针对俄罗斯的新制裁措施，包括禁止进口来自俄罗斯金和珠宝；增加了俄罗斯可用于军用的物资和技术禁运清单，增加了对俄罗斯个人和实体的制裁。俄军打击乌军指挥所 乌军击退俄军进攻</span></p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p><span style="font-size:16rem">俄罗斯国防部发言人科纳申科夫21日通报说，俄军在尼古拉耶夫和克拉玛托尔斯克打击了乌军多个指挥所，在顿涅茨克和尼古拉耶夫等地摧毁了多个乌军弹药库。另外，俄军还击落乌空军1架苏-25战机、1架米-8直升机和5架军用无人机。</span></p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p><span style="font-size:16rem">另据乌克兰国家通讯社21日援引乌各地军事部门的消息报道，俄军继续对苏梅、哈尔科夫、卢甘斯克、顿涅茨克等地区进行大规模炮击。在乌军阻击下，俄军未能在巴赫穆特方向取得突破，没有占领乌格列戈尔斯克发电厂。</span></p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p><span style="font-size:16rem">俄外长称在乌军事目标发生变化，与西方向乌军提供武器有关。</span></p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p><span style="font-size:16rem"><img alt="" src="/imgs/article-detail-pic-1.png" style="width:100%" /></span></p>

<p>&nbsp;</p>

<p><span style="font-size:16rem">据央视新闻7月22日消息，俄罗斯国防部发言人科纳申科夫21日通报说，俄军在尼古拉耶夫和克拉玛托尔斯克打击了乌军多个指挥所。</span></p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p><span style="font-size:16rem">另据央视新闻报道称，当地时间21日，欧洲理事会公布了针对俄罗斯的新制裁措施，包括禁止进口来自俄罗斯金和珠宝；增加了俄罗斯可用于军用的物资和技术禁运清单，增加了对俄罗斯个人和实体的制裁。俄军打击乌军指挥所 乌军击退俄军进攻</span></p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p><span style="font-size:16rem">俄罗斯国防部发言人科纳申科夫21日通报说，俄军在尼古拉耶夫和克拉玛托尔斯克打击了乌军多个指挥所，在顿涅茨克和尼古拉耶夫等地摧毁了多个乌军弹药库。另外，俄军还击落乌空军1架苏-25战机、1架米-8直升机和5架军用无人机。</span></p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p><span style="font-size:16rem">另据乌克兰国家通讯社21日援引乌各地军事部门的消息报道，俄军继续对苏梅、哈尔科夫、卢甘斯克、顿涅茨克等地区进行大规模炮击。在乌军阻击下，俄军未能在巴赫穆特方向取得突破，没有占领乌格列戈尔斯克发电厂。</span></p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p><span style="font-size:16rem">俄外长称在乌军事目标发生变化，与西方向乌军提供武器有关。</span></p>

<p>&nbsp;</p>

<p>&nbsp;</p>


`,
    };
  },
};
</script>

<style lang="scss" scoped>

</style>
