uwatcha commented 11 months ago

Why

見栄えのため、利用規約をボックス内に表示するため

What

Nuxtでコーディングする

uwatcha commented 11 months ago

https://kiyaku.jp/hinagata/sns.html このサイトのひな型を使用する

uwatcha commented 11 months ago

ボックス内に表示することができた。

uwatcha commented 11 months ago

現在、利用規約はindex.vueにそのまま書き込んでいるため、テキストファイルに利用規約を記入し、それをindex.vueで呼び出すようにする。

uwatcha commented 11 months ago

スクロールバーのデザインがfigmaのものと違い、さらにそのバーがBoxからはみ出ているため、それを今後解決する。

uwatcha commented 11 months ago

利用規約の文をひな型をもとに記述する。ひな型は以下を用いる予定だが、もっと適したものがあるかも https://kiyaku.jp/hinagata/sns.html

uwatcha commented 11 months ago

ボックス内に規約を表示できた。

uwatcha commented 11 months ago

なんとなくjsonの書き方がわかってきたが、画像のように文の中でインデントが起こった場合の書き方に苦戦してる

uwatcha commented 11 months ago

現状

index.vue
<template>
  <div class="box">
    <div class="margin">
      <div v-for="term in terms">
        <div class="heading">
          {{ term.heading }}
        </div>
        <div v-for="term in terms.text">
          {{ term.text.main1 }}
          {{ term.text.indent1 }}
        </div>
        <br/><br/>
      </div>
    </div>
  </div>
</template>

<script>
import term from '../assets/term.json';
export default {
  name: "TermBox",
  data: () => ({
    terms: term,
    texts: term.txt
  })
}
</script>

<style lang="scss" scoped>@import './index.scss';
</style>

term.json
[
    { 
      "text": {"main1": "この利用規約（以下，「本規約」といいます。）は，＿＿＿＿＿（以下，「当社」といいます。）がこのウェブサイト上で提供するサービス（以下，「本サービス」といいます。）の利用条件を定めるものです。登録ユーザーの皆さま（以下，「ユーザー」といいます。）には，本規約に従って，本サービスをご利用いただきます。"}
    },
    { 
      "heading": "第1条（適用）",
      "text": {"main1": "・本規約は，ユーザーと当社との間の本サービスの利用に関わる一切の関係に適用されるものとします。\n・当社は本サービスに関し，本規約のほか，ご利用にあたってのルール等，各種の定め（以下，「個別規定」といいます。）をすることがあります。これら個別規定はその名称のいかんに関わらず，本規約の一部を構成するものとします。\n・本規約の規定が前条の個別規定の規定と矛盾する場合には，個別規定において特段の定めなき限り，個別規定の規定が優先されるものとします。"}
    },
    {
      "heading": "第2条（利用登録）",
      "text": {
        "main1": "・本サービスにおいては，登録希望者が本規約に同意の上，当社の定める方法によって利用登録を申請し，当社がこの承認を登録希望者に通知することによって，利用登録が完了するものとします。\n・当社は，利用登録の申請者に以下の事由があると判断した場合，利用登録の申請を承認しないことがあり，その理由については一切の開示義務を負わないものとします。",
        "indent1": "1. 利用登録の申請に際して虚偽の事項を届け出た場合\n2. 本規約に違反したことがある者からの申請である場合\n3. その他，当社が利用登録を相当でないと判断した場合"
    }
    }
]